diff options
| author | la-ninpre <leobrekalini@gmail.com> | 2021-05-25 17:06:18 +0300 |
|---|---|---|
| committer | la-ninpre <leobrekalini@gmail.com> | 2021-05-25 17:06:18 +0300 |
| commit | 3e30c7241cb18c5e02195e889b9e4dc73490214a (patch) | |
| tree | 134298933a516345965f2e45f01f72fee60de6de | |
| parent | 95e872ed91b2254f6486d8a106b09e4a80bc03e5 (diff) | |
| download | aaoth.xyz-3e30c7241cb18c5e02195e889b9e4dc73490214a.tar.gz aaoth.xyz-3e30c7241cb18c5e02195e889b9e4dc73490214a.zip | |
fix minor issues
add width and height to icons
add lang meta-tag
add swap to fonts for faster loading
| -rw-r--r-- | _layouts/about-page.html | 1 | ||||
| -rw-r--r-- | _layouts/default.html | 1 | ||||
| -rwxr-xr-x | _sass/fonts.css | 64 |
3 files changed, 41 insertions, 25 deletions
diff --git a/_layouts/about-page.html b/_layouts/about-page.html index 66bad0a..6603cde 100644 --- a/_layouts/about-page.html +++ b/_layouts/about-page.html @@ -15,6 +15,7 @@ layout: default <img class= "link-icon" alt="{{ link.type }}" + width=32px height=32px src="/assets/img/{{ link.type }}-icon.png"> <div class="link-text">{{ link.name }}</div> </a> diff --git a/_layouts/default.html b/_layouts/default.html index b146090..fdb18e0 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -2,6 +2,7 @@ <html> <head> <meta charset="utf-8"> + <meta lang="en"> <meta http-equiv="Content-Security-Policy" content="default-src 'self'"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>{{ page.title }} - {{ site.title }}</title> diff --git a/_sass/fonts.css b/_sass/fonts.css index 7283ad5..1ca0cd3 100755 --- a/_sass/fonts.css +++ b/_sass/fonts.css @@ -7,6 +7,7 @@ font-style: normal; src: url("/assets/fonts/Montserrat-Regular.woff2") format("woff2"), url("/assets/fonts/Montserrat-Regular.woff") format("woff"); + font-display: swap; } /** Montserrat Medium **/ @@ -16,6 +17,7 @@ font-style: normal; src: url("/assets/fonts/Montserrat-Medium.woff2") format("woff2"), url("/assets/fonts/Montserrat-Medium.woff") format("woff"); + font-display: swap; } /** Montserrat Regular-Italic **/ @@ -25,6 +27,7 @@ font-style: italic; src: url("/assets/fonts/Montserrat-Italic.woff2") format("woff2"), url("/assets/fonts/Montserrat-Italic.woff") format("woff"); + font-display: swap; } /** Montserrat Bold **/ @@ -34,6 +37,7 @@ font-style: normal; src: url("/assets/fonts/Montserrat-Bold.woff2") format("woff2"), url("/assets/fonts/Montserrat-Bold.woff") format("woff"); + font-display: swap; } /** Montserrat Bold-Italic **/ @@ -43,6 +47,7 @@ font-style: italic; src: url("/assets/fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("/assets/fonts/Montserrat-BoldItalic.woff") format("woff"); + font-display: swap; } @@ -59,6 +64,7 @@ font-style: normal; font-weight: 400; text-rendering: optimizeLegibility; + font-display: swap; } /* Webfont: Lato-Italic */@font-face { @@ -71,6 +77,7 @@ font-style: italic; font-weight: 400; text-rendering: optimizeLegibility; + font-display: swap; } /* Webfont: Lato-Bold */@font-face { @@ -83,6 +90,7 @@ font-style: normal; font-weight: 700; text-rendering: optimizeLegibility; + font-display: swap; } /* Webfont: Lato-BoldItalic */@font-face { @@ -95,45 +103,51 @@ font-style: italic; font-weight: 700; text-rendering: optimizeLegibility; + font-display: swap; } /** =================== FIRA CODE ===================== **/ @font-face { - font-family: 'Fira Code'; - src: url('/assets/fonts/FiraCode-Light.woff2') format('woff2'), - url("/assets/fonts/FiraCode-Light.woff") format("woff"); - font-weight: 300; - font-style: normal; + font-family: 'Fira Code'; + src: url('/assets/fonts/FiraCode-Light.woff2') format('woff2'), + url("/assets/fonts/FiraCode-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Fira Code'; - src: url('/assets/fonts/FiraCode-Regular.woff2') format('woff2'), - url("/assets/fonts/FiraCode-Regular.woff") format("woff"); - font-weight: 400; - font-style: normal; + font-family: 'Fira Code'; + src: url('/assets/fonts/FiraCode-Regular.woff2') format('woff2'), + url("/assets/fonts/FiraCode-Regular.woff") format("woff"); + font-weight: 400; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Fira Code'; - src: url('/assets/fonts/FiraCode-Medium.woff2') format('woff2'), - url("/assets/fonts/FiraCode-Medium.woff") format("woff"); - font-weight: 500; - font-style: normal; + font-family: 'Fira Code'; + src: url('/assets/fonts/FiraCode-Medium.woff2') format('woff2'), + url("/assets/fonts/FiraCode-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Fira Code'; - src: url('/assets/fonts/FiraCode-SemiBold.woff2') format('woff2'), - url("/assets/fonts/FiraCode-SemiBold.woff") format("woff"); - font-weight: 600; - font-style: normal; + font-family: 'Fira Code'; + src: url('/assets/fonts/FiraCode-SemiBold.woff2') format('woff2'), + url("/assets/fonts/FiraCode-SemiBold.woff") format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Fira Code'; - src: url('/assets/fonts/FiraCode-Bold.woff2') format('woff2'), - url("/assets/fonts/FiraCode-Bold.woff") format("woff"); - font-weight: 700; - font-style: normal; + font-family: 'Fira Code'; + src: url('/assets/fonts/FiraCode-Bold.woff2') format('woff2'), + url("/assets/fonts/FiraCode-Bold.woff") format("woff"); + font-weight: 700; + font-style: normal; + font-display: swap; } |