/* ROBOTO */ @font-face { font-family: Roboto; src: url(../fonts/Roboto-Thin.ttf); font-weight: 100; font-style: normal; } @font-face { font-family: Roboto; src: url(../fonts/Roboto-ThinItalic.ttf); font-weight: 100; font-style: italic; } @font-face { font-family: Roboto; src: url(../fonts/Roboto-Light.ttf); font-weight: 300; font-style: normal; } @font-face { font-family: Roboto; src: url(../fonts/Roboto-LightItalic.ttf); font-weight: 300; font-style: italic; } @font-face { font-family: Roboto; src: url(../fonts/Roboto-Regular.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Roboto; src: url(../fonts/Roboto-Italic.ttf); font-weight: 400; font-style: italic; } @font-face { font-family: Roboto; src: url(../fonts/Roboto-Medium.ttf); font-weight: 500; font-style: normal; } @font-face { font-family: Roboto; src: url(../fonts/Roboto-MediumItalic.ttf); font-weight: 500; font-style: italic; } @font-face { font-family: Roboto; src: url(../fonts/Roboto-Bold.ttf); font-weight: 700; font-style: normal; } @font-face { font-family: Roboto; src: url(../fonts/Roboto-BoldItalic.ttf); font-weight: 700; font-style: italic; } @font-face { font-family: Roboto; src: url(../fonts/Roboto-Black.ttf); font-weight: 900; font-style: normal; } @font-face { font-family: Roboto; src: url(../fonts/Roboto-BlackItalic.ttf); font-weight: 900; font-style: italic; } .font-roboto-italic { font-style: italic; } .font-roboto-thin { font-family: Roboto; font-weight: 100; } .font-roboto-light { font-family: Roboto; font-weight: 300; } .font-roboto-regular { font-family: Roboto; font-weight: 400; } .font-roboto-medium { font-family: Roboto; font-weight: 500; } .font-roboto-bold { font-family: Roboto; font-weight: 700; } .font-roboto-black { font-family: Roboto; font-weight: 900; }