From 816e3ac53f94afb28d0d250cdfcdb223cc0cd87d Mon Sep 17 00:00:00 2001 From: tymoteuszjozwiak Date: Fri, 12 Jan 2024 20:30:47 +0100 Subject: [PATCH] fix font-display --- css/style.css | 1 - fonts/opensans/local.css | 109 ++++++++++++----------- fonts/sourcecodepro/local.css | 157 +++++++++++++++++++--------------- 3 files changed, 148 insertions(+), 119 deletions(-) diff --git a/css/style.css b/css/style.css index 6d8b644..1191b3e 100644 --- a/css/style.css +++ b/css/style.css @@ -43,7 +43,6 @@ body { display: flex; min-height: 98vh; flex-direction: column; - font-display: swap; } img { diff --git a/fonts/opensans/local.css b/fonts/opensans/local.css index 03c62b7..aec7d38 100644 --- a/fonts/opensans/local.css +++ b/fonts/opensans/local.css @@ -1,72 +1,85 @@ /* cyrillic-ext */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - font-stretch: 100%; - src: url('f/open_sans-0.woff') format('woff'); - unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-stretch: 100%; + font-display: swap; + src: url("f/open_sans-0.woff") format("woff"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, + U+FE2E-FE2F; } /* cyrillic */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - font-stretch: 100%; - src: url('f/open_sans-1.woff') format('woff'); - unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-stretch: 100%; + font-display: swap; + src: url("f/open_sans-1.woff") format("woff"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - font-stretch: 100%; - src: url('f/open_sans-2.woff') format('woff'); - unicode-range: U+1F00-1FFF; + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-stretch: 100%; + font-display: swap; + src: url("f/open_sans-2.woff") format("woff"); + unicode-range: U+1F00-1FFF; } /* greek */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - font-stretch: 100%; - src: url('f/open_sans-3.woff') format('woff'); - unicode-range: U+0370-03FF; + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-stretch: 100%; + font-display: swap; + src: url("f/open_sans-3.woff") format("woff"); + unicode-range: U+0370-03FF; } /* hebrew */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - font-stretch: 100%; - src: url('f/open_sans-4.woff') format('woff'); - unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-stretch: 100%; + font-display: swap; + src: url("f/open_sans-4.woff") format("woff"); + unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - font-stretch: 100%; - src: url('f/open_sans-5.woff') format('woff'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-stretch: 100%; + font-display: swap; + src: url("f/open_sans-5.woff") format("woff"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, + U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - font-stretch: 100%; - src: url('f/open_sans-6.woff') format('woff'); - unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-stretch: 100%; + font-display: swap; + src: url("f/open_sans-6.woff") format("woff"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, + U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - font-stretch: 100%; - src: url('f/open_sans-7.woff') format('woff'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-stretch: 100%; + font-display: swap; + src: url("f/open_sans-7.woff") format("woff"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, + U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, + U+2215, U+FEFF, U+FFFD; } diff --git a/fonts/sourcecodepro/local.css b/fonts/sourcecodepro/local.css index 91738ef..5db58f1 100644 --- a/fonts/sourcecodepro/local.css +++ b/fonts/sourcecodepro/local.css @@ -1,112 +1,129 @@ /* cyrillic-ext */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 400; - src: url('f/source_code_pro-0.woff2') format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("f/source_code_pro-0.woff2") format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, + U+FE2E-FE2F; } /* cyrillic */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 400; - src: url('f/source_code_pro-1.woff2') format('woff2'); - unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("f/source_code_pro-1.woff2") format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 400; - src: url('f/source_code_pro-2.woff2') format('woff2'); - unicode-range: U+1F00-1FFF; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("f/source_code_pro-2.woff2") format("woff2"); + unicode-range: U+1F00-1FFF; } /* greek */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 400; - src: url('f/source_code_pro-3.woff2') format('woff2'); - unicode-range: U+0370-03FF; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("f/source_code_pro-3.woff2") format("woff2"); + unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 400; - src: url('f/source_code_pro-4.woff2') format('woff2'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("f/source_code_pro-4.woff2") format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, + U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 400; - src: url('f/source_code_pro-5.woff2') format('woff2'); - unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("f/source_code_pro-5.woff2") format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, + U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 400; - src: url('f/source_code_pro-6.woff2') format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("f/source_code_pro-6.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, + U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, + U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 600; - src: url('f/source_code_pro-0.woff2') format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 600; + src: url("f/source_code_pro-0.woff2") format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, + U+FE2E-FE2F; } /* cyrillic */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 600; - src: url('f/source_code_pro-1.woff2') format('woff2'); - unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 600; + src: url("f/source_code_pro-1.woff2") format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 600; - src: url('f/source_code_pro-2.woff2') format('woff2'); - unicode-range: U+1F00-1FFF; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 600; + src: url("f/source_code_pro-2.woff2") format("woff2"); + unicode-range: U+1F00-1FFF; } /* greek */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 600; - src: url('f/source_code_pro-3.woff2') format('woff2'); - unicode-range: U+0370-03FF; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 600; + src: url("f/source_code_pro-3.woff2") format("woff2"); + unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 600; - src: url('f/source_code_pro-4.woff2') format('woff2'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 600; + src: url("f/source_code_pro-4.woff2") format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, + U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 600; - src: url('f/source_code_pro-5.woff2') format('woff2'); - unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 600; + src: url("f/source_code_pro-5.woff2") format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, + U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { - font-family: 'Source Code Pro'; - font-style: normal; - font-weight: 600; - src: url('f/source_code_pro-6.woff2') format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + font-family: "Source Code Pro"; + font-style: normal; + font-weight: 600; + src: url("f/source_code_pro-6.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, + U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, + U+2215, U+FEFF, U+FFFD; }