fonts.css
:
@font-face {
font-family: 'ubuntu';
src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'ubuntu-bold';
src: url('../fonts/Ubuntu-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'ubuntu-medium';
src: url('../fonts/Ubuntu-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'ubuntu-mediumitalic';
src: url('../fonts/Ubuntu-MediumItalic.ttf') format('truetype');
}
Элементы получают правильный атрибут font-family
, однако стили запутаны.Например, ubuntu-medium
отображается как обычный вес, а ubuntu-bold
отображается со шрифтами со средним весом.Я пытался установить свойство font-weight
на уровне элемента и в @font-face
, но оно не принесло успеха.Работает правильно в Chrome или Firefox.Есть ли способ это исправить?