diff options
| author | Evan <58769763+developer-evan@users.noreply.github.com> | 2020-11-07 06:16:04 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-11-07 06:16:04 +0300 |
| commit | de8ed671e6aa757d64b6b5ebaaba0f017c8d3fa6 (patch) | |
| tree | 220dbe8ad0318bfc58baba212a44507a68bfb4d1 /assets | |
| parent | 06e97cba6b1aa40c77a33d0aa2c3fce2d3ca6cb4 (diff) | |
| parent | 4284bd5a33c43c17a009ef2a62d5688dae8fa057 (diff) | |
Merge pull request #7 from back2root/local-font
Adding ability to locally host Lato font
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/scss/_typography.scss | 69 | ||||
| -rw-r--r-- | assets/scss/_variables.scss | 1 |
2 files changed, 69 insertions, 1 deletions
diff --git a/assets/scss/_typography.scss b/assets/scss/_typography.scss index f585113..33efeb6 100644 --- a/assets/scss/_typography.scss +++ b/assets/scss/_typography.scss @@ -1,5 +1,72 @@ /* typography */ -@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap'); + +// Include Lato font from Google CDN - better performance +@if $font-hosting == 'google' { + @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap'); +} + +// Include Lato font from local server - better GDPR compliance +@if $font-hosting == 'local' { + /* lato-regular - latin-ext_latin */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + src: url('/fonts/lato-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ + src: local('Lato Regular'), local('Lato-Regular'), + url('/fonts/lato-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v17-latin-ext_latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ + font-display: swap; + } + + /* lato-italic - latin-ext_latin */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 400; + src: url('/fonts/lato-v17-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */ + src: local('Lato Italic'), local('Lato-Italic'), + url('/fonts/lato-v17-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v17-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v17-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v17-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v17-latin-ext_latin-italic.svg#Lato') format('svg'); /* Legacy iOS */ + font-display: swap; + } + + /* lato-700 - latin-ext_latin */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 700; + src: url('/fonts/lato-v17-latin-ext_latin-700.eot'); /* IE9 Compat Modes */ + src: local('Lato Bold'), local('Lato-Bold'), + url('/fonts/lato-v17-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v17-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v17-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v17-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v17-latin-ext_latin-700.svg#Lato') format('svg'); /* Legacy iOS */ + font-display: swap; + } + + /* lato-700italic - latin-ext_latin */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 700; + src: url('/fonts/lato-v17-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */ + src: local('Lato Bold Italic'), local('Lato-BoldItalic'), + url('/fonts/lato-v17-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/lato-v17-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/lato-v17-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */ + url('/fonts/lato-v17-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/lato-v17-latin-ext_latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */ + font-display: swap; + } +} body { line-height: 1.2; diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index a559da5..9789c48 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -10,4 +10,5 @@ $light: #EDF6F5; // Font Variables $primary-font: 'Lato', sans-serif; +$font-hosting: 'google'; // From where to include Lato from: [google|local|none] $icon-font: 'themify';
\ No newline at end of file |