From 3e30c7241cb18c5e02195e889b9e4dc73490214a Mon Sep 17 00:00:00 2001 From: la-ninpre Date: Tue, 25 May 2021 17:06:18 +0300 Subject: fix minor issues add width and height to icons add lang meta-tag add swap to fonts for faster loading --- _layouts/about-page.html | 1 + _layouts/default.html | 1 + _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 {{ link.type }}
{{ link.name }}
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 @@ + {{ page.title }} - {{ site.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; } -- cgit v1.2.3