@font-face {
    font-family: "Dosis Book"; /* Имя шрифта */
    src: url('../fonts/dosis-book-webfont.eot'); /* Путь к файлу со шрифтом */
    src: url('../fonts/dosis-book-webfont.ttf'); /* Путь к файлу со шрифтом */
    src: url('../fonts/dosis-book-webfont.woff'); /* Путь к файлу со шрифтом */
    src: url('../fonts/dosis-book-webfont.woff2'); /* Путь к файлу со шрифтом */
    src: url('../fonts/dosis-book-webfont.svg'); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: "Dosis Semibold"; /* Имя шрифта */
    src: url('../fonts/dosis-semibold-webfont.eot'); /* Путь к файлу со шрифтом */
    src: url('../fonts/dosis-semibold-webfont.ttf'); /* Путь к файлу со шрифтом */
    src: url('../fonts/dosis-semibold-webfont.woff'); /* Путь к файлу со шрифтом */
    src: url('../fonts/dosis-semibold-webfont.woff2'); /* Путь к файлу со шрифтом */
    src: url('../fonts/dosis-semibold-webfont.svg'); /* Путь к файлу со шрифтом */
}

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

$main-font-regular : 16px "Dosis Semibold";
font: $main-font-regular;