// 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: 'Roboto'; src: local( 'Roboto Bold Italic' ), local( 'Roboto-BoldItalic' ), url( '@{font-directory}Roboto-BoldItalic.woff2' ) format( 'woff2' ), url( '@{font-directory}Roboto-BoldItalic.woff' ) format( 'woff' ); font-weight: bold; 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; } @font-face { font-family: 'Titillium Web'; src: local( 'Titillium Web Bold Italic' ), local( 'TitilliumWeb-BoldItalic' ), url( '@{font-directory}TitilliumWeb-BoldItalic.woff2' ) format( 'woff2' ), url( '@{font-directory}TitilliumWeb-BoldItalic.woff' ) format( 'woff' ); font-weight: bold; font-style: italic; font-display: swap; }