louis/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added missing font-display directive, which cause text to appear late and caused a flash of invisible text while the font was loading

Browse Source 
Signed-off-by: Louis Vallat <louis@louis-vallat.xyz>
This commit is contained in:
Louis Vallat 2022-01-26 18:01:20 +01:00
parent a1bab9bbdd
commit 457f0e999a
No known key found for this signature in database
GPG Key ID: 0C87282F76E61283
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/assets/css/style.css
View File

@ -4,16 +4,19 @@
@font-face { @font-face {
font-family: 'JetBrains Mono'; font-family: 'JetBrains Mono';
src: url("/assets/fonts/JetBrainsMono.ttf"); src: url("/assets/fonts/JetBrainsMono.ttf");
font-display: swap;
} }
@font-face { @font-face {
font-family: 'IBM Plex Mono'; font-family: 'IBM Plex Mono';
src: url("/assets/fonts/IBMPlexMono.ttf"); src: url("/assets/fonts/IBMPlexMono.ttf");
font-display: swap;
} }
@font-face { @font-face {
font-family: 'Open Sans'; font-family: 'Open Sans';
src: url("/assets/fonts/OpenSans-Regular.ttf"); src: url("/assets/fonts/OpenSans-Regular.ttf");
font-display: swap;
} }
:root { :root {