diff --git a/assets/scss/_logo.scss b/assets/scss/_logo.scss index cc780b9..1a83b1a 100644 --- a/assets/scss/_logo.scss +++ b/assets/scss/_logo.scss @@ -3,6 +3,7 @@ align-items: center; text-decoration: none; font-weight: bold; + font-display: auto; font-family: monospace, monospace; img { diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss index 4f1e999..ea22bbf 100644 --- a/assets/scss/_main.scss +++ b/assets/scss/_main.scss @@ -15,6 +15,7 @@ body { margin: 0; padding: 0; font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif; + font-display: auto; font-size: 1rem; line-height: 1.54; background-color: $light-background; @@ -140,6 +141,7 @@ figure { code { font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace; + font-display: auto; font-feature-settings: normal; background: $light-background-secondary; padding: 1px 6px; @@ -190,6 +192,7 @@ blockquote { &:before { content: '”'; font-family: Georgia, serif; + font-display: auto; font-size: 3.875rem; position: absolute; left: -40px; diff --git a/assets/scss/_normalize.scss b/assets/scss/_normalize.scss index 0745846..ffa240e 100644 --- a/assets/scss/_normalize.scss +++ b/assets/scss/_normalize.scss @@ -78,6 +78,7 @@ hr { pre { font-family: monospace, monospace; /* 1 */ + font-display: auto; font-size: 1em; /* 2 */ } @@ -121,6 +122,7 @@ code, kbd, samp { font-family: monospace, monospace; /* 1 */ + font-display: auto; font-size: 1em; /* 2 */ } @@ -178,6 +180,7 @@ optgroup, select, textarea { font-family: inherit; /* 1 */ + font-display: auto; font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ diff --git a/assets/scss/_prism.scss b/assets/scss/_prism.scss index e711f88..cd7e5cd 100644 --- a/assets/scss/_prism.scss +++ b/assets/scss/_prism.scss @@ -11,6 +11,7 @@ pre[class*="language-"] { color: #ccc; background: none; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-display: auto; text-align: left; white-space: pre; word-spacing: normal;