diff options
Diffstat (limited to 'css/fonts.scss')
| -rw-r--r-- | css/fonts.scss | 96 |
1 files changed, 56 insertions, 40 deletions
diff --git a/css/fonts.scss b/css/fonts.scss index 33f1cee..603c9ec 100644 --- a/css/fonts.scss +++ b/css/fonts.scss @@ -1,93 +1,109 @@ @font-face { - font-family: "Fira Mono"; - src: url("/font/FiraMono-Regular.ttf"); + font-display: fallback; + font-family: "Fira Mono"; + src: url("/font/FiraMono-Regular.ttf"); } @font-face { - font-family: "Fira Mono"; - font-weight: bold; - src: url("/font/FiraMono-Bold.ttf"); + font-display: fallback; + font-family: "Fira Mono"; + font-weight: bold; + src: url("/font/FiraMono-Bold.ttf"); } @font-face { - font-family: "Martian Mono"; - src: url("/font/MartianMono-Regular.ttf"); + font-display: fallback; + font-family: "Martian Mono"; + src: url("/font/MartianMono-Regular.ttf"); } @font-face { - font-family: "Martian Mono"; - font-weight: bold; - src: url("/font/MartianMono-Bold.ttf"); + font-display: fallback; + font-family: "Martian Mono"; + font-weight: bold; + src: url("/font/MartianMono-Bold.ttf"); } @font-face { - font-family: "Montserrat"; - src: url("/font/Montserrat-Regular.ttf"); + font-display: fallback; + font-family: "Montserrat"; + src: url("/font/Montserrat-Regular.ttf"); } @font-face { - font-family: "Montserrat"; + font-display: fallback; + font-family: "Montserrat"; font-style: italic; - src: url("/font/Montserrat-Italic.ttf"); + src: url("/font/Montserrat-Italic.ttf"); } @font-face { - font-family: "Montserrat"; - font-weight: bold; - src: url("/font/Montserrat-Bold.ttf"); + font-display: fallback; + font-family: "Montserrat"; + font-weight: bold; + src: url("/font/Montserrat-Bold.ttf"); } @font-face { - font-family: "Montserrat"; + font-display: fallback; + font-family: "Montserrat"; font-style: italic; - font-weight: bold; - src: url("/font/Montserrat-BoldItalic.ttf"); + font-weight: bold; + src: url("/font/Montserrat-BoldItalic.ttf"); } @font-face { - font-family: "Playfair Display"; - src: url("/font/PlayfairDisplay-Regular.ttf"); + font-display: fallback; + font-family: "Playfair Display"; + src: url("/font/PlayfairDisplay-Regular.ttf"); } @font-face { - font-family: "Playfair Display"; - font-weight: bold; - src: url("/font/PlayfairDisplay-Regular.ttf"); + font-display: fallback; + font-family: "Playfair Display"; + font-weight: bold; + src: url("/font/PlayfairDisplay-Regular.ttf"); } @font-face { - font-family: "Playfair Display"; + font-display: fallback; + font-family: "Playfair Display"; font-style: italic; - src: url("/font/PlayfairDisplay-Italic.ttf"); + src: url("/font/PlayfairDisplay-Italic.ttf"); } @font-face { - font-family: "Playfair Display"; + font-display: fallback; + font-family: "Playfair Display"; font-style: italic; - font-weight: bold; - src: url("/font/PlayfairDisplay-BoldItalic.ttf"); + font-weight: bold; + src: url("/font/PlayfairDisplay-BoldItalic.ttf"); } @font-face { - font-family: "Raleway"; - src: url("/font/Raleway-Regular.ttf"); + font-display: fallback; + font-family: "Raleway"; + src: url("/font/Raleway-Regular.ttf"); } @font-face { - font-family: "Raleway"; - font-weight: bold; - src: url("/font/Raleway-Bold.ttf"); + font-display: fallback; + font-family: "Raleway"; + font-weight: bold; + src: url("/font/Raleway-Bold.ttf"); } @font-face { - font-family: "Raleway"; + font-display: fallback; + font-family: "Raleway"; font-style: italic; - src: url("/font/Raleway-Italic.ttf"); + src: url("/font/Raleway-Italic.ttf"); } @font-face { - font-family: "Raleway"; + font-display: fallback; + font-family: "Raleway"; font-style: italic; - font-weight: bold; - src: url("/font/Raleway-BoldItalic.ttf"); + font-weight: bold; + src: url("/font/Raleway-BoldItalic.ttf"); } |