@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url() format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: url() format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url() format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url() format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url() format('truetype'); }