2017-02-23 5 views
0

Скачан новый шрифт и зарегистрирован в ${RootFolder}/font.
В styles.css файл я писал:CSS @ font-face: как правильно использовать его?

@font-face { 
    font-family: roboto; 
    url('../fonts/Roboto-Italic.ttf'); 
} 
h1 { 
    font-family: roboto; 
} 

В HTML я писал:

<h1> hello </h1> 

И все-таки я не вижу, что шрифт изменился.

Знаете ли вы, что я сделал не так?

ответ

2

Попробуйте использовать его как это:

@font-face { 
    font-family: "roboto"; 
    src: url('fonts/Roboto-Italic.ttf'); 
} 
h1 { 
    font-family: roboto; 
} 
2

Использование Google шрифты https://fonts.google.com/specimen/Roboto
Просто импортировать это в CSS. Заменить @ шрифта лицо:

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700'); 

И использовать как font-family: roboto;