fontsface

This commit is contained in:
2021-03-30 23:38:39 +02:00
parent 2b66375680
commit 9466b09c0f
33 changed files with 874 additions and 212 deletions
@@ -30,7 +30,7 @@ a {
color: black; }
b, strong, label, th {
font-weight: 600; }
font-weight: 700; }
#container {
min-height: 100%;
@@ -79,6 +79,11 @@ b, strong, label, th {
height: 5rem;
background-color: white;
box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15); }
#header #logo img {
display: flex;
flex-direction: row;
flex-flow: row;
max-height: 5rem; }
#header.scrolled {
height: 3rem;
background-color: rgba(255, 255, 255, 0.9) !important;
@@ -107,7 +112,7 @@ b, strong, label, th {
#header #logo h3 a {
color: #000; }
#header #navbar {
font-size: 0.9rem;
font-size: 1.4rem;
/* Child Indicator */ }
#header #navbar .has-children > a > span {
display: inline-block;
@@ -147,7 +152,7 @@ b, strong, label, th {
/* Dropdown CSS */
/* Active on Hover */ }
#header #navbar ul.navigation li a {
font-family: "Sarabun ExtraBold", sans-serif;
font-family: "Sarabun", sans-serif;
display: inline-block;
padding: 0.3rem 0.8rem;
-webkit-backface-visibility: hidden; }
@@ -295,19 +300,19 @@ b, strong, label, th {
color: #fff; }
html, body, button, input, select, textarea, .pure-g, .pure-g [class*="pure-u"] {
font-family: "Sarabun Regular", sans-serif; }
font-family: "Sarabun", sans-serif; }
h1 {
font-family: "Sarabun ExtraBold", sans-serif;
font-weight: 400;
font-family: "Sarabun", sans-serif;
font-weight: 800;
text-rendering: optimizeLegibility;
letter-spacing: -0px; }
h2, h3, h5, h6 {
font-family: "Sarabun Light", sans-serif; }
font-family: "Sarabun", sans-serif; }
h1 {
font-size: 3.2rem; }
font-size: 3rem; }
@media only all and (max-width: 47.938em) {
h1 {
font-size: 2.5rem;
@@ -316,29 +321,29 @@ h1 {
@media only all and (min-width: 48em) and (max-width: 59.938em) {
h2 {
font-size: 2.1rem; } }
font-size: 1.9rem; } }
@media only all and (max-width: 47.938em) {
h2 {
font-size: 2rem; } }
font-size: 1.8rem; } }
@media only all and (min-width: 48em) and (max-width: 59.938em) {
h3 {
font-size: 1.7rem; } }
font-size: 1.6rem; } }
@media only all and (max-width: 47.938em) {
h3 {
font-size: 1.6rem; } }
font-size: 1.5rem; } }
h4 {
font-family: "Sarabun Regular", sans-serif;
font-weight: bold; }
font-family: "Sarabun", sans-serif;
font-weight: 800; }
@media only all and (min-width: 48em) and (max-width: 59.938em) {
h4 {
font-size: 1.35rem; } }
font-size: 1.25rem; } }
@media only all and (max-width: 47.938em) {
h4 {
font-size: 1.25rem; } }
font-size: 1.15rem; } }
h1 {
text-align: center;
@@ -350,12 +355,26 @@ h2 {
h3 {
letter-spacing: -0px; }
h1 + h2 {
margin: -2rem 0 2rem 0;
font-size: 2rem;
line-height: 1;
text-align: center;
font-family: "Sarabun", sans-serif;
font-weight: 300; }
@media only all and (min-width: 48em) and (max-width: 59.938em) {
h1 + h2 {
font-size: 1.6rem; } }
@media only all and (max-width: 47.938em) {
h1 + h2 {
font-size: 1.5rem; } }
h2 + h3 {
margin: 0.5rem 0 2rem 0;
font-size: 2rem;
line-height: 1;
text-align: center;
font-family: "Sarabun Light", sans-serif;
font-family: "Sarabun", sans-serif;
font-weight: 300; }
@media only all and (min-width: 48em) and (max-width: 59.938em) {
h2 + h3 {
@@ -365,7 +384,7 @@ h2 + h3 {
font-size: 1.5rem; } }
p {
font-size: 19px; }
font-size: 1rem; }
blockquote {
border-left: 10px solid #F0F2F4; }
@@ -464,7 +483,7 @@ hr {
display: inline-block;
text-align: center;
font-size: 0.7rem;
font-family: "Sarabun ExtraBold", sans-serif;
font-family: "Sarabun", sans-serif;
margin-right: 0.75rem; }
fieldset {
@@ -529,14 +548,14 @@ td {
box-shadow: 0 1px 0 #f32b24; }
.bullets {
margin: 1.7rem 0;
margin-left: -0.85rem;
margin-right: -0.85rem;
margin: 1.7em 0;
margin-left: -0.85em;
margin-right: -0.85em;
overflow: auto; }
.bullet {
float: left;
padding: 0 0.85rem; }
padding: 0 0.85em; }
.two-column-bullet {
width: 50%; }
@@ -668,7 +687,7 @@ td {
.list-item .list-blog-date span {
display: block;
font-size: 1.75rem;
font-weight: 600;
font-weight: 700;
line-height: 110%; }
.list-item .list-blog-date em {
display: block;