/* roboto-300italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('fonts/roboto-v19-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/roboto-v19-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/roboto-v19-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto-v19-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/roboto-v19-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-mono-regular - latin */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; font-display: swap; src: local('Roboto Mono'), local('RobotoMono-Regular'), url('fonts/roboto-mono-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/roboto-mono-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* UBUNTU; LOADED BY SOPER */ /* Regular */ @font-face { font-family: 'Ubuntu'; src: url('fonts/Ubuntu-Bold.woff2') format('woff2'), url('fonts/Ubuntu-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('fonts/Ubuntu-Italic.woff2') format('woff2'), url('fonts/Ubuntu-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('fonts/Ubuntu-BoldItalic.woff2') format('woff2'), url('fonts/Ubuntu-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('fonts/Ubuntu.woff2') format('woff2'), url('fonts/Ubuntu.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /* Mono */ @font-face { font-family: 'Ubuntu Mono'; src: url('fonts/UbuntuMono-Bold.woff2') format('woff2'), url('fonts/UbuntuMono-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu Mono'; src: url('fonts/UbuntuMono-BoldItalic.woff2') format('woff2'), url('fonts/UbuntuMono-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Ubuntu Mono'; src: url('fonts/UbuntuMono-Regular.woff2') format('woff2'), url('fonts/UbuntuMono-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu Mono'; src: url('fonts/UbuntuMono-Italic.woff2') format('woff2'), url('fonts/UbuntuMono-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } body { font-family: 'Ubuntu', 'Roboto', sans-serif; } code { font-family: 'Ubuntu Mono', 'Roboto Mono', monospace; }