Таблицу стилей подключаю так.

    <link rel="stylesheet" href="fonts/fonts.css">
    <link rel="stylesheet" href="css/main.css">

fonts.css лежит вместе со шрифтами. Но ничего не работает. Ткните носом?

@font-face 
{
        font-family: "Roboto-Blac"; /* Имя шрифта */
        src: url("Roboto-Black.ttf"); /* Путь к файлу со шрифтом */
        
        font-family: "Roboto-BlackItalic"; /* Имя шрифта */
        src: url("Roboto-BlackItalic.ttf"); /* Путь к файлу со шрифтом */
        
        font-family: "Roboto-Bold"; /* Имя шрифта */
        src: url("Roboto-Bold.ttf"); /* Путь к файлу со шрифтом */
        
        font-family: "Roboto-BoldItalic"; /* Имя шрифта */
        src: url("Roboto-BoldItalic.ttf"); /* Путь к файлу со шрифтом */
        
        font-family: "Roboto-Italic"; /* Имя шрифта */
        src: url("Roboto-Italic.ttf"); /* Путь к файлу со шрифтом */        
                
        font-family: "Roboto-Light"; /* Имя шрифта */
        src: url("Roboto-Light.ttf"); /* Путь к файлу со шрифтом */        
        
        font-family: "Roboto-LightItalic"; /* Имя шрифта */
        src: url("Roboto-LightItalic.ttf"); /* Путь к файлу со шрифтом */        
                
        font-family: "Roboto-Medium"; /* Имя шрифта */
        src: url("Roboto-Medium.ttf"); /* Путь к файлу со шрифтом */                
        
        font-family: "Roboto-MediumItalic"; /* Имя шрифта */
        src: url("Roboto-MediumItalic.ttf"); /* Путь к файлу со шрифтом */                    
                
        font-family: "Roboto-Regular"; /* Имя шрифта */
        src: url("Roboto-Regular.ttf"); /* Путь к файлу со шрифтом */                    
        
        font-family: "Roboto-Thin"; /* Имя шрифта */
        src: url("Roboto-Thin.ttf"); /* Путь к файлу со шрифтом */            
        
        font-family: "Roboto-ThinItalic"; /* Имя шрифта */
        src: url("Roboto-ThinItalic.ttf"); /* Путь к файлу со шрифтом */                    
}