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

// Font-face stylesheet

// Directory of hosted font
@font-directory: 'fonts/';

@font-face {
	font-family: 'Roboto';
	src: local( 'Roboto' ), local( 'Roboto-Regular' ), url( '@{font-directory}Roboto-Regular.woff2' ) format( 'woff2' ), url( '@{font-directory}Roboto-Regular.woff' ) format( 'woff' );
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local( 'Roboto Bold' ), local( 'Roboto-Bold' ), url( '@{font-directory}Roboto-Bold.woff2' ) format( 'woff2' ), url( '@{font-directory}Roboto-Bold.woff' ) format( 'woff' );
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: local( 'Roboto Italic' ), local( 'Roboto-Italic' ), url( '@{font-directory}Roboto-Italic.woff2' ) format( 'woff2' ), url( '@{font-directory}Roboto-Italic.woff' ) format( 'woff' );
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Titillium Web';
	src: local( 'Titillium Web Regular' ), local( 'TitilliumWeb-Regular' ), url( '@{font-directory}TitilliumWeb-Regular.woff2' ) format( 'woff2' ), url( '@{font-directory}TitilliumWeb-Regular.woff' ) format( 'woff' );
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Titillium Web';
	src: local( 'Titillium Web Bold' ), local( 'TitilliumWeb-Bold' ), url( '@{font-directory}TitilliumWeb-Bold.woff2' ) format( 'woff2' ), url( '@{font-directory}TitilliumWeb-Bold.woff' ) format( 'woff' );
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Titillium Web';
	src: local( 'Titillium Web Italic' ), local( 'TitilliumWeb-Italic' ), url( '@{font-directory}TitilliumWeb-Italic.woff2' ) format( 'woff2' ), url( '@{font-directory}TitilliumWeb-Italic.woff' ) format( 'woff' );
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}