@font-face {
   font-family: RobotoLight; /* имя шрифта для CSS правил */
   src: local("RobotoLight"), /* проверяем наличие шрифта в ОС пользователя */
        url(/fonts/RobotoLight.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
}


@font-face {
   font-family: SF_Light; /* имя шрифта для CSS правил */
   src: local("SF_Light"), /* проверяем наличие шрифта в ОС пользователя */
        url(/fonts/SF_Light.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
}
@font-face {
   font-family: SF_Regular; /* имя шрифта для CSS правил */
   src: local("SF_Regular"), /* проверяем наличие шрифта в ОС пользователя */
        url(/fonts/SF_Regular.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
}
@font-face {
   font-family: SF_Bold; /* имя шрифта для CSS правил */
   src: local("SF_Bold"), /* проверяем наличие шрифта в ОС пользователя */
        url(/fonts/SF_Bold.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
}