src/frontend/packages/core/sass/fonts.scss
$scpro-font-path: '../assets/fonts' !default;
$roboto-font-path: '../assets/fonts/roboto' !default;
$lato-font-path: '../assets/fonts/lato' !default;
// Source Code Pro Regular
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 400;
src: local('Source Code Pro'),
local('SourceCodePro-Regular'),
url('#{$scpro-font-path}/SourceCodePro-Regular.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
// Source Code Pro Bold
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 700;
src: local('Source Code Pro Bold'),
local('SourceCodePro-Bold'),
url('#{$scpro-font-path}/SourceCodePro-Bold.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
// Roboto font
// roboto-300 - latin
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('#{$roboto-font-path}/roboto-v18-latin-300.eot'); // IE9 Compat Modes
src: local('Roboto Light'), local('Roboto-Light'),
url('#{$roboto-font-path}/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('#{$roboto-font-path}/roboto-v18-latin-300.woff2') format('woff2'), // Super Modern Browsers
url('#{$roboto-font-path}/roboto-v18-latin-300.woff') format('woff'), // Modern Browsers
url('#{$roboto-font-path}/roboto-v18-latin-300.ttf') format('truetype'), // Safari, Android, iOS
url('#{$roboto-font-path}/roboto-v18-latin-300.svg#Roboto') format('svg'); // Legacy iOS
}
// roboto-regular - latin
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('#{$roboto-font-path}/roboto-v18-latin-regular.eot'); // IE9 Compat Modes
src: local('Roboto'), local('Roboto-Regular'),
url('#{$roboto-font-path}/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('#{$roboto-font-path}/roboto-v18-latin-regular.woff2') format('woff2'), // Super Modern Browsers
url('#{$roboto-font-path}/roboto-v18-latin-regular.woff') format('woff'), // Modern Browsers
url('#{$roboto-font-path}/roboto-v18-latin-regular.ttf') format('truetype'), // Safari, Android, iOS
url('#{$roboto-font-path}/roboto-v18-latin-regular.svg#Roboto') format('svg'); // Legacy iOS
}
// roboto-500 - latin
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('#{$roboto-font-path}/roboto-v18-latin-500.eot'); // IE9 Compat Modes
src: local('Roboto Medium'), local('Roboto-Medium'),
url('#{$roboto-font-path}/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('#{$roboto-font-path}/roboto-v18-latin-500.woff2') format('woff2'), // Super Modern Browsers
url('#{$roboto-font-path}/roboto-v18-latin-500.woff') format('woff'), // Modern Browsers
url('#{$roboto-font-path}/roboto-v18-latin-500.ttf') format('truetype'), // Safari, Android, iOS
url('#{$roboto-font-path}/roboto-v18-latin-500.svg#Roboto') format('svg'); // Legacy iOS
}
// roboto-700 - latin
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('#{$roboto-font-path}/roboto-v18-latin-700.eot'); // IE9 Compat Modes
src: local('Roboto Bold'), local('Roboto-Bold'),
url('#{$roboto-font-path}/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('#{$roboto-font-path}/roboto-v18-latin-700.woff2') format('woff2'), // Super Modern Browsers
url('#{$roboto-font-path}/roboto-v18-latin-700.woff') format('woff'), // Modern Browsers
url('#{$roboto-font-path}/roboto-v18-latin-700.ttf') format('truetype'), // Safari, Android, iOS
url('#{$roboto-font-path}/roboto-v18-latin-700.svg#Roboto') format('svg'); // Legacy iOS
}
// Lato font
// lato-300 - latin
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: url('#{$lato-font-path}/lato-v14-latin-300.eot'); // IE9 Compat Modes
src: local('Lato Light'), local('Lato-Light'),
url('#{$lato-font-path}/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('#{$lato-font-path}/lato-v14-latin-300.woff2') format('woff2'), // Super Modern Browsers
url('#{$lato-font-path}/lato-v14-latin-300.woff') format('woff'), // Modern Browsers
url('#{$lato-font-path}/lato-v14-latin-300.ttf') format('truetype'), // Safari, Android, iOS
url('#{$lato-font-path}/lato-v14-latin-300.svg#Lato') format('svg'); /// Legacy iOS
}
// lato-regular - latin
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url('#{$lato-font-path}/lato-v14-latin-regular.eot'); // IE9 Compat Modes
src: local('Lato Regular'), local('Lato-Regular'),
url('#{$lato-font-path}/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('#{$lato-font-path}/lato-v14-latin-regular.woff2') format('woff2'), // Super Modern Browsers
url('#{$lato-font-path}/lato-v14-latin-regular.woff') format('woff'), // Modern Browsers
url('#{$lato-font-path}/lato-v14-latin-regular.ttf') format('truetype'), // Safari, Android, iOS
url('#{$lato-font-path}/lato-v14-latin-regular.svg#Lato') format('svg'); // Legacy iOS
}
// lato-700 - latin
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url('#{$lato-font-path}/lato-v14-latin-700.eot'); // IE9 Compat Modes
src: local('Lato Bold'), local('Lato-Bold'),
url('#{$lato-font-path}/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('#{$lato-font-path}/lato-v14-latin-700.woff2') format('woff2'), // Super Modern Browsers
url('#{$lato-font-path}/lato-v14-latin-700.woff') format('woff'), // Modern Browsers
url('#{$lato-font-path}/lato-v14-latin-700.ttf') format('truetype'), // Safari, Android, iOS
url('#{$lato-font-path}/lato-v14-latin-700.svg#Lato') format('svg'); // Legacy iOS
}
// lato-900 - latin
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
src: url('#{$lato-font-path}/lato-v14-latin-900.eot'); // IE9 Compat Modes
src: local('Lato Black'), local('Lato-Black'),
url('#{$lato-font-path}/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('#{$lato-font-path}/lato-v14-latin-900.woff2') format('woff2'), // Super Modern Browsers
url('#{$lato-font-path}/lato-v14-latin-900.woff') format('woff'), // Modern Browsers
url('#{$lato-font-path}/lato-v14-latin-900.ttf') format('truetype'), // Safari, Android, iOS
url('#{$lato-font-path}/lato-v14-latin-900.svg#Lato') format('svg'); // Legacy iOS
}