|
1 | 1 | /* sarabun-regular - latin */
|
2 | 2 | @font-face {
|
3 |
| - font-family: "Sarabun"; |
| 3 | + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ |
| 4 | + font-family: 'Sarabun'; |
4 | 5 | font-style: normal;
|
5 | 6 | font-weight: 400;
|
6 |
| - font-display: swap; |
7 |
| - src: local("Sarabun Regular"), local("Sarabun-Regular"), |
8 |
| - url("../fonts/sarabun/sarabun-v8-latin-regular.woff2") format("woff2"), |
9 |
| - /* Chrome 26+, Opera 23+, Firefox 39+ */ |
10 |
| - url("../fonts/sarabun/sarabun-v8-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
| 7 | + src: url('../fonts/sarabun/sarabun-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ |
| 8 | + url('../fonts/sarabun/sarabun-v13-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ |
11 | 9 | }
|
12 | 10 |
|
13 | 11 | /* sarabun-500 - latin */
|
14 | 12 | @font-face {
|
15 |
| - font-family: "Sarabun"; |
| 13 | + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ |
| 14 | + font-family: 'Sarabun'; |
16 | 15 | font-style: normal;
|
17 | 16 | font-weight: 500;
|
18 |
| - font-display: swap; |
19 |
| - src: local("Sarabun Medium"), local("Sarabun-Medium"), |
20 |
| - url("../fonts/sarabun/sarabun-v8-latin-500.woff2") format("woff2"), |
21 |
| - /* Chrome 26+, Opera 23+, Firefox 39+ */ |
22 |
| - url("../fonts/sarabun/sarabun-v8-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
| 17 | + src: url('../fonts/sarabun/sarabun-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ |
| 18 | + url('../fonts/sarabun/sarabun-v13-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ |
23 | 19 | }
|
24 | 20 |
|
25 | 21 | /* sarabun-600 - latin */
|
26 | 22 | @font-face {
|
27 |
| - font-family: "Sarabun"; |
| 23 | + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ |
| 24 | + font-family: 'Sarabun'; |
28 | 25 | font-style: normal;
|
29 | 26 | font-weight: 600;
|
30 |
| - font-display: swap; |
31 |
| - src: local("Sarabun SemiBold"), local("Sarabun-SemiBold"), |
32 |
| - url("../fonts/sarabun/sarabun-v8-latin-600.woff2") format("woff2"), |
33 |
| - /* Chrome 26+, Opera 23+, Firefox 39+ */ |
34 |
| - url("../fonts/sarabun/sarabun-v8-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
| 27 | + src: url('../fonts/sarabun/sarabun-v13-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ |
| 28 | + url('../fonts/sarabun/sarabun-v13-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ |
35 | 29 | }
|
36 | 30 |
|
37 | 31 | /* sarabun-700 - latin */
|
38 | 32 | @font-face {
|
39 |
| - font-family: "Sarabun"; |
| 33 | + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ |
| 34 | + font-family: 'Sarabun'; |
40 | 35 | font-style: normal;
|
41 | 36 | font-weight: 700;
|
42 |
| - font-display: swap; |
43 |
| - src: local("Sarabun Bold"), local("Sarabun-Bold"), |
44 |
| - url("../fonts/sarabun/sarabun-v8-latin-700.woff2") format("woff2"), |
45 |
| - /* Chrome 26+, Opera 23+, Firefox 39+ */ |
46 |
| - url("../fonts/sarabun/sarabun-v8-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
| 37 | + src: url('../fonts/sarabun/sarabun-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ |
| 38 | + url('../fonts/sarabun/sarabun-v13-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ |
47 | 39 | }
|
0 commit comments