Add font-display

This commit is contained in:
Santiago Lo Coco 2022-02-17 22:47:15 -03:00
parent aa877e402b
commit 1e92b15098
1 changed files with 16 additions and 12 deletions

View File

@ -51,7 +51,9 @@
url('../fonts/fira-sans/fira-sans-v15-latin-regular.woff') format('woff'), url('../fonts/fira-sans/fira-sans-v15-latin-regular.woff') format('woff'),
url('../fonts/fira-sans/fira-sans-v15-latin-regular.ttf') format('truetype'), url('../fonts/fira-sans/fira-sans-v15-latin-regular.ttf') format('truetype'),
url('../fonts/fira-sans/fira-sans-v15-latin-regular.svg#FiraSans') format('svg'); url('../fonts/fira-sans/fira-sans-v15-latin-regular.svg#FiraSans') format('svg');
font-display: swap;
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
@ -63,6 +65,7 @@
url('../fonts/fira-sans/fira-sans-v15-latin-500.woff') format('woff'), url('../fonts/fira-sans/fira-sans-v15-latin-500.woff') format('woff'),
url('../fonts/fira-sans/fira-sans-v15-latin-500.ttf') format('truetype'), url('../fonts/fira-sans/fira-sans-v15-latin-500.ttf') format('truetype'),
url('../fonts/fira-sans/fira-sans-v15-latin-500.svg#FiraSans') format('svg'); url('../fonts/fira-sans/fira-sans-v15-latin-500.svg#FiraSans') format('svg');
font-display: swap;
} }
@font-face { @font-face {
@ -76,19 +79,20 @@
url('../fonts/fira-sans/fira-sans-v15-latin-700.woff') format('woff'), url('../fonts/fira-sans/fira-sans-v15-latin-700.woff') format('woff'),
url('../fonts/fira-sans/fira-sans-v15-latin-700.ttf') format('truetype'), url('../fonts/fira-sans/fira-sans-v15-latin-700.ttf') format('truetype'),
url('../fonts/fira-sans/fira-sans-v15-latin-700.svg#FiraSans') format('svg'); url('../fonts/fira-sans/fira-sans-v15-latin-700.svg#FiraSans') format('svg');
font-display: swap;
} */ } */
@font-face { @font-face {
font-family: 'Noto Sans'; font-family: 'Noto Sans';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url('../fonts/noto-sans-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/noto-sans-v25-latin-regular.eot');
src: local(''), src: local(''),
url('../fonts/noto-sans-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/noto-sans-v25-latin-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/noto-sans-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/noto-sans-v25-latin-regular.woff2') format('woff2'),
url('../fonts/noto-sans-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/noto-sans-v25-latin-regular.woff') format('woff'),
url('../fonts/noto-sans-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/noto-sans-v25-latin-regular.ttf') format('truetype'),
url('../fonts/noto-sans-v25-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */ url('../fonts/noto-sans-v25-latin-regular.svg#NotoSans') format('svg');
font-display: swap; font-display: swap;
} }
@ -96,13 +100,13 @@
font-family: 'Noto Sans'; font-family: 'Noto Sans';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
src: url('../fonts/noto-sans-v25-latin-700.eot'); /* IE9 Compat Modes */ src: url('../fonts/noto-sans-v25-latin-700.eot');
src: local(''), src: local(''),
url('../fonts/noto-sans-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/noto-sans-v25-latin-700.eot?#iefix') format('embedded-opentype'),
url('../fonts/noto-sans-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/noto-sans-v25-latin-700.woff2') format('woff2'),
url('../fonts/noto-sans-v25-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/noto-sans-v25-latin-700.woff') format('woff'),
url('../fonts/noto-sans-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/noto-sans-v25-latin-700.ttf') format('truetype'),
url('../fonts/noto-sans-v25-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */ url('../fonts/noto-sans-v25-latin-700.svg#NotoSans') format('svg');
font-display: swap; font-display: swap;
} }