// Thin @font-face { font-family: 'Roboto'; src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-thin-webfont.woff2') format('woff2'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-thinitalic-webfont.woff2') format('woff2'); font-weight: 200; font-style: italic; } // Light @font-face { font-family: 'Roboto'; src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-light-webfont.woff2') format('woff2'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-lightitalic-webfont.woff2') format('woff2'); font-weight: 300; font-style: italic; } // Regular @font-face { font-family: 'Roboto'; src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-regular-webfont.woff2') format('woff2'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-italic-webfont.woff2') format('woff2'); font-weight: 500; font-style: italic; } // Medium @font-face { font-family: 'Roboto'; src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-medium-webfont.woff2') format('woff2'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-mediumitalic-webfont.woff2') format('woff2'); font-weight: 600; font-style: italic; } // Bold @font-face { font-family: 'Roboto'; src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-bold-webfont.woff2') format('woff2'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-bolditalic-webfont.woff2') format('woff2'); font-weight: 700; font-style: italic; } // Black @font-face { font-family: 'Roboto'; src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-black-webfont.woff2') format('woff2'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-blackitalic-webfont.woff2') format('woff2'); font-weight: 900; font-style: italic; } // Condensed Light @font-face { font-family: 'roboto_condensedlight'; src: url('atom://atom-material-ui/assets/fonts/Roboto/robotocondensed-light-webfont.woff2') format('woff2'); font-weight: 300; font-style: normal; font-stretch: condensed; } @font-face { font-family: 'roboto_condensedlight_italic'; src: url('atom://atom-material-ui/assets/fonts/Roboto/robotocondensed-lightitalic-webfont.woff2') format('woff2'); font-weight: 300; font-style: italic; font-stretch: condensed; } // Condensed Regular @font-face { font-family: 'roboto_condenseditalic'; src: url('atom://atom-material-ui/assets/fonts/Roboto/robotocondensed-italic-webfont.woff2') format('woff2'); font-weight: 500; font-style: italic; font-stretch: condensed; } @font-face { font-family: 'roboto_condensedregular'; src: url('atom://atom-material-ui/assets/fonts/Roboto/robotocondensed-regular-webfont.woff2') format('woff2'); font-weight: 500; font-style: normal; font-stretch: condensed; } // Condensed Bold @font-face { font-family: 'roboto_condensedbold'; src: url('atom://atom-material-ui/assets/fonts/Roboto/robotocondensed-bold-webfont.woff2') format('woff2'); font-weight: 700; font-style: normal; font-stretch: condensed; } @font-face { font-family: 'roboto_condensedbold_italic'; src: url('atom://atom-material-ui/assets/fonts/Roboto/robotocondensed-bolditalic-webfont.woff2') format('woff2'); font-weight: 700; font-style: italic; font-stretch: condensed; }