Add font-display: swap

This commit is contained in:
Ivan R. 2023-10-10 23:04:26 +05:00
parent 3fdd77f9ca
commit a5d3af71aa
No known key found for this signature in database
GPG key ID: 56C7BAAE859B302C

View file

@ -44,12 +44,14 @@ const { title, description } = Astro.props
font-family: "Lora"; font-family: "Lora";
src: url("/fonts/lora.ttf") format("truetype-variations"); src: url("/fonts/lora.ttf") format("truetype-variations");
font-weight: 100 700; font-weight: 100 700;
font-display: swap;
} }
@font-face { @font-face {
font-family: "Lora"; font-family: "Lora";
src: url("/fonts/lora-italic.ttf") format("truetype-variations"); src: url("/fonts/lora-italic.ttf") format("truetype-variations");
font-weight: 100 700; font-weight: 100 700;
font-style: italic; font-style: italic;
font-display: swap;
} }
html { html {
font-family: "Lora", system-ui, sans-serif; font-family: "Lora", system-ui, sans-serif;