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
+40 -70
View File
@@ -3,118 +3,96 @@
@font-face {
font-family: 'sarabunbold';
font-family: 'Sarabun';
src: url('sarabun-bold-webfont.woff2') format('woff2'),
url('sarabun-bold-webfont.woff') format('woff');
font-weight: normal;
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'sarabunbold_italic';
font-family: 'Sarabun';
src: url('sarabun-bolditalic-webfont.woff2') format('woff2'),
url('sarabun-bolditalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'sarabun_extraboldregular';
font-family: 'Sarabun';
src: url('sarabun-extrabold-webfont.woff2') format('woff2'),
url('sarabun-extrabold-webfont.woff') format('woff');
font-weight: normal;
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'sarabun_extrabolditalic';
font-family: 'Sarabun';
src: url('sarabun-extrabolditalic-webfont.woff2') format('woff2'),
url('sarabun-extrabolditalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'sarabun_extralightregular';
font-family: 'Sarabun';
src: url('sarabun-extralight-webfont.woff2') format('woff2'),
url('sarabun-extralight-webfont.woff') format('woff');
font-weight: normal;
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'sarabun_extralightitalic';
font-family: 'Sarabun';
src: url('sarabun-extralightitalic-webfont.woff2') format('woff2'),
url('sarabun-extralightitalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'sarabunitalic';
font-family: 'Sarabun';
src: url('sarabun-italic-webfont.woff2') format('woff2'),
url('sarabun-italic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'sarabun_lightregular';
font-family: 'Sarabun';
src: url('sarabun-light-webfont.woff2') format('woff2'),
url('sarabun-light-webfont.woff') format('woff');
font-weight: normal;
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'sarabun_lightitalic';
font-family: 'Sarabun';
src: url('sarabun-lightitalic-webfont.woff2') format('woff2'),
url('sarabun-lightitalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'sarabun_mediumregular';
font-family: 'Sarabun';
src: url('sarabun-medium-webfont.woff2') format('woff2'),
url('sarabun-medium-webfont.woff') format('woff');
font-weight: normal;
font-weight: 500;
font-style: normal;
}
@@ -123,11 +101,11 @@
@font-face {
font-family: 'sarabun_mediumitalic';
font-family: 'Sarabun';
src: url('sarabun-mediumitalic-webfont.woff2') format('woff2'),
url('sarabun-mediumitalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-weight: 500;
font-style: italic;
}
@@ -135,57 +113,49 @@
@font-face {
font-family: 'sarabunregular';
font-family: 'Sarabun';
src: url('sarabun-regular-webfont.woff2') format('woff2'),
url('sarabun-regular-webfont.woff') format('woff');
font-weight: normal;
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'sarabun_semiboldregular';
font-family: 'Sarabun';
src: url('sarabun-semibold-webfont.woff2') format('woff2'),
url('sarabun-semibold-webfont.woff') format('woff');
font-weight: normal;
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'sarabun_semibolditalic';
font-family: 'Sarabun';
src: url('sarabun-semibolditalic-webfont.woff2') format('woff2'),
url('sarabun-semibolditalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'sarabun_thinregular';
font-family: 'Sarabun';
src: url('sarabun-thin-webfont.woff2') format('woff2'),
url('sarabun-thin-webfont.woff') format('woff');
font-weight: normal;
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'sarabun_thinitalic';
font-family: 'Sarabun';
src: url('sarabun-thinitalic-webfont.woff2') format('woff2'),
url('sarabun-thinitalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-weight: 100;
font-style: italic;
}