mediawiki-skins-Citizen/resources/font-face.less

83 lines
3.2 KiB
Plaintext
Raw Normal View History

2019-08-15 17:40:13 +00:00
// Font-face stylesheet
// Directory of hosted font
@font-directory: 'fonts/';
@font-face {
font-family: 'Titillium Web';
src: url('@{font-directory}TitilliumWeb-Regular.eot');
src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
url('@{font-directory}TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
url('@{font-directory}TitilliumWeb-Regular.woff2') format('woff2'),
url('@{font-directory}TitilliumWeb-Regular.woff') format('woff'),
url('@{font-directory}TitilliumWeb-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('@{font-directory}Roboto-Italic.eot');
src: local('Roboto Italic'), local('Roboto-Italic'),
url('@{font-directory}Roboto-Italic.eot?#iefix') format('embedded-opentype'),
url('@{font-directory}Roboto-Italic.woff2') format('woff2'),
url('@{font-directory}Roboto-Italic.woff') format('woff'),
url('@{font-directory}Roboto-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Titillium Web';
src: url('@{font-directory}TitilliumWeb-Bold.eot');
src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
url('@{font-directory}TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
url('@{font-directory}TitilliumWeb-Bold.woff2') format('woff2'),
url('@{font-directory}TitilliumWeb-Bold.woff') format('woff'),
url('@{font-directory}TitilliumWeb-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Titillium Web';
src: url('@{font-directory}TitilliumWeb-Italic.eot');
src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'),
url('@{font-directory}TitilliumWeb-Italic.eot?#iefix') format('embedded-opentype'),
url('@{font-directory}TitilliumWeb-Italic.woff2') format('woff2'),
url('@{font-directory}TitilliumWeb-Italic.woff') format('woff'),
url('@{font-directory}TitilliumWeb-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('@{font-directory}Roboto-Bold.eot');
src: local('Roboto Bold'), local('Roboto-Bold'),
url('@{font-directory}Roboto-Bold.eot?#iefix') format('embedded-opentype'),
url('@{font-directory}Roboto-Bold.woff2') format('woff2'),
url('@{font-directory}Roboto-Bold.woff') format('woff'),
url('@{font-directory}Roboto-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('@{font-directory}Roboto-Regular.eot');
src: local('Roboto'), local('Roboto-Regular'),
url('@{font-directory}Roboto-Regular.eot?#iefix') format('embedded-opentype'),
url('@{font-directory}Roboto-Regular.woff2') format('woff2'),
url('@{font-directory}Roboto-Regular.woff') format('woff'),
url('@{font-directory}Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}