enable font-swap in font stylesheet

This commit is contained in:
Charlotte Som 2024-02-05 22:06:29 +00:00
parent 1cdb3122d9
commit b0dda03172
2 changed files with 21 additions and 16 deletions

View file

@ -1,39 +1,44 @@
@font-face { @font-face {
font-family: 'Rouna'; font-family: 'Rouna';
src: url('/assets/rouna/rouna-bold-webfont.eot'); src: url('/assets/fonts/rouna/rouna-bold-webfont.eot');
src: url('/assets/rouna/rouna-bold-webfont.eot?#iefix') format('embedded-opentype'), src: url('/assets/fonts/rouna/rouna-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/rouna/rouna-bold-webfont.woff2') format('woff2'), url('/assets/fonts/rouna/rouna-bold-webfont.woff2') format('woff2'),
url('/assets/rouna/rouna-bold-webfont.woff') format('woff'), url('/assets/fonts/rouna/rouna-bold-webfont.woff') format('woff'),
url('/assets/rouna/rouna-bold-webfont.ttf') format('truetype'); url('/assets/fonts/rouna/rouna-bold-webfont.ttf') format('truetype');
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
font-display: swap;
} }
@font-face { @font-face {
font-family: 'Rouna'; font-family: 'Rouna';
src: url('/assets/rouna/rouna-medium-webfont.eot'); src: url('/assets/fonts/rouna/rouna-medium-webfont.eot');
src: url('/assets/rouna/rouna-medium-webfont.eot?#iefix') format('embedded-opentype'), src: url('/assets/fonts/rouna/rouna-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/rouna/rouna-medium-webfont.woff2') format('woff2'), url('/assets/fonts/rouna/rouna-medium-webfont.woff2') format('woff2'),
url('/assets/rouna/rouna-medium-webfont.woff') format('woff'), url('/assets/fonts/rouna/rouna-medium-webfont.woff') format('woff'),
url('/assets/rouna/rouna-medium-webfont.ttf') format('truetype'); url('/assets/fonts/rouna/rouna-medium-webfont.ttf') format('truetype');
font-weight: 500; font-weight: 500;
font-style: normal; font-style: normal;
font-display: swap;
} }
@font-face { @font-face {
font-family: 'Rouna'; font-family: 'Rouna';
src: url('/assets/rouna/rouna-regular-webfont.eot'); src: url('/assets/fonts/rouna/rouna-regular-webfont.eot');
src: url('/assets/rouna/rouna-regular-webfont.eot?#iefix') format('embedded-opentype'), src: url('/assets/fonts/rouna/rouna-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/rouna/rouna-regular-webfont.woff2') format('woff2'), url('/assets/fonts/rouna/rouna-regular-webfont.woff2') format('woff2'),
url('/assets/rouna/rouna-regular-webfont.woff') format('woff'), url('/assets/fonts/rouna/rouna-regular-webfont.woff') format('woff'),
url('/assets/rouna/rouna-regular-webfont.ttf') format('truetype'); url('/assets/fonts/rouna/rouna-regular-webfont.ttf') format('truetype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap;
} }
@font-face { @font-face {
font-family: 'Noto Color Emoji'; font-family: 'Noto Color Emoji';
src: url('/assets/noto-color-emoji/NotoColorEmoji-Regular.ttf') format('truetype'); src: url('/assets/noto-color-emoji/NotoColorEmoji-Regular.woff2') format('woff2'),
url('/assets/noto-color-emoji/NotoColorEmoji-Regular.ttf') format('truetype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap;
} }