|
| 1 | +@font-face { |
| 2 | + font-family: 'AtkinsonHyperlegible' sans-serif; |
| 3 | + font-weight: normal; |
| 4 | + /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ |
| 5 | + src: url('https://oziproject.dev/assets/brand/fonts/atkinsonhyperlegible/AtkinsonHyperlegible-Regular.ttf') format('truetype'); |
| 6 | +} |
| 7 | +@font-face { |
| 8 | + font-family: 'AtkinsonHyperlegible' sans-serif; |
| 9 | + font-weight: bold; |
| 10 | + /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ |
| 11 | + src: url('https://oziproject.dev/assets/brand/fonts/atkinsonhyperlegible/AtkinsonHyperlegible-Bold.ttf') format('truetype'); |
| 12 | +} |
| 13 | +@font-face { |
| 14 | + font-family: 'AtkinsonHyperlegible' sans-serif; |
| 15 | + font-weight: normal; |
| 16 | + font-style: italic; |
| 17 | + /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ |
| 18 | + src: url('https://oziproject.dev/assets/brand/fonts/atkinsonhyperlegible/AtkinsonHyperlegible-Italic.ttf') format('truetype'); |
| 19 | +} |
| 20 | +@font-face { |
| 21 | + font-family: 'AtkinsonHyperlegible' sans-serif; |
| 22 | + font-weight: bold; |
| 23 | + font-style: italic; |
| 24 | + /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ |
| 25 | + src: url('https://oziproject.dev/assets/brand/fonts/atkinsonhyperlegible/AtkinsonHyperlegible-BoldItalic.ttf') format('truetype'); |
| 26 | +} |
| 27 | +@font-face { |
| 28 | + font-family: 'NotoSerifHK' serif; |
| 29 | + font-weight: 200 900; |
| 30 | + /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ |
| 31 | + src: url('https://oziproject.dev/assets/brand/fonts/notoserifhk/NotoSerifHK[wght].ttf') format('truetype supports variations'); |
| 32 | +} |
| 33 | +@font-face { |
| 34 | + font-family: 'MartianMono' monospace; |
| 35 | + font-weight: 100 800; |
| 36 | + font-stretch: 75% 112.5%; |
| 37 | + /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ |
| 38 | + src: url('https://oziproject.dev/assets/brand/fonts/martianmono/MartianMono[wdth\,wght].ttf') format('truetype supports variations'); |
| 39 | +} |
1 | 40 | @media only screen and (min-width: 768px) { |
2 | 41 | .row { |
3 | 42 | display: flex; |
|
0 commit comments