/* Roboto Mono */ @font-face { font-family: 'Roboto Mono Regular'; font-style: normal; font-weight: normal; src: local('Roboto Mono Regular'), url('../fonts/RobotoMono-Regular.woff') format('woff'); } @font-face { font-family: 'Roboto Mono Italic'; font-style: normal; font-weight: normal; src: local('Roboto Mono Italic'), url('../fonts/RobotoMono-Italic.woff') format('woff'); } @font-face { font-family: 'Roboto Mono Medium'; font-style: normal; font-weight: normal; src: local('Roboto Mono Medium'), url('../fonts/RobotoMono-Medium.woff') format('woff'); } @font-face { font-family: 'Roboto Mono Medium Italic'; font-style: normal; font-weight: normal; src: local('Roboto Mono Medium Italic'), url('../fonts/RobotoMono-MediumItalic.woff') format('woff'); } @font-face { font-family: 'Roboto Mono Bold'; font-style: normal; font-weight: normal; src: local('Roboto Mono Bold'), url('../fonts/RobotoMono-Bold.woff') format('woff'); } @font-face { font-family: 'Roboto Mono Bold Italic'; font-style: normal; font-weight: normal; src: local('Roboto Mono Bold Italic'), url('../fonts/RobotoMono-BoldItalic.woff') format('woff'); } /* Define a new fontfamily which included the two mono fonts, using the bold version when weight is set fo bold*/ @font-face { font-family: 'Roboto Mono CustomBold'; font-style: normal; font-weight: normal; src: local('Roboto Mono Regular'), url('../fonts/RobotoMono-Regular.woff') format('woff'); } @font-face { font-family: 'Roboto Mono CustomBold'; font-style: normal; font-weight: bold; src: local('Roboto Mono Bold'), url('../fonts/RobotoMono-Bold.woff') format('woff'); } /* Roboto plain */ @font-face { font-family: 'Roboto Regular'; font-style: normal; font-weight: normal; src: local('Roboto Regular'), url('../fonts/Roboto-Regular.woff') format('woff'); } @font-face { font-family: 'Roboto Italic'; font-style: normal; font-weight: normal; src: local('Roboto Italic'), url('../fonts/Roboto-Italic.woff') format('woff'); } @font-face { font-family: 'Roboto Bold'; font-style: normal; font-weight: normal; src: local('Roboto Bold'), url('../fonts/Roboto-Bold.woff') format('woff'); } @font-face { font-family: 'Roboto Bold Italic'; font-style: normal; font-weight: normal; src: local('Roboto Bold Italic'), url('../fonts/Roboto-BoldItalic.woff') format('woff'); } @font-face { font-family: 'Roboto Medium'; font-style: normal; font-weight: normal; src: local('Roboto Medium'), url('../fonts/Roboto-Medium.woff') format('woff'); } @font-face { font-family: 'Roboto Medium Italic'; font-style: normal; font-weight: normal; src: local('Roboto Medium Italic'), url('../fonts/Roboto-MediumItalic.woff') format('woff'); } /* Roboto condensed */ @font-face { font-family: 'Roboto Condensed Regular'; font-style: normal; font-weight: normal; src: local('Roboto Condensed Regular'), url('../fonts/RobotoCondensed-Regular.woff') format('woff'); } @font-face { font-family: 'Roboto Condensed Italic'; font-style: normal; font-weight: normal; src: local('Roboto Condensed Italic'), url('../fonts/RobotoCondensed-Italic.woff') format('woff'); } @font-face { font-family: 'Roboto Condensed Bold'; font-style: normal; font-weight: normal; src: local('Roboto Condensed Bold'), url('../fonts/RobotoCondensed-Bold.woff') format('woff'); } @font-face { font-family: 'Roboto Condensed Bold Italic'; font-style: normal; font-weight: normal; src: local('Roboto Condensed Bold Italic'), url('../fonts/RobotoCondensed-BoldItalic.woff') format('woff'); } /* Define a new fontfamily which included the two condensed fonts, using the bold version when weight is set fo bold*/ @font-face { font-family: 'Roboto Condensed CustomBold'; font-style: normal; font-weight: normal; src: local('Roboto Condensed Regular'), url('../fonts/RobotoCondensed-Regular.woff') format('woff'); } @font-face { font-family: 'Roboto Condensed CustomBold'; font-style: normal; font-weight: bold; src: local('Roboto Condensed Bold'), url('../fonts/RobotoCondensed-Bold.woff') format('woff'); }