True Type Fonts (ttf) не работает в css

Question

Я пытаюсь взять мой giP API шрифта и сделать его локальным, но у меня проблемы.В настоящее время я использую этот

@import url('https://fonts.googleapis.com/css?family=Open+Sans')

, и я исследовал и увидел, что я могу использовать "Font-face" с загруженным файлом ".ttf".Поэтому я попытался использовать файл ttf, но он не работает вообще.Я попытался преобразовать это в "woff", но все еще безуспешно.Вот мой код

@font-face {
    font-family: opensans;
    src: url(../fonts/OpenSans_Regular/OpenSans-Regular.ttf) format("truetype");
}

#ok{

    font-family: opensans;
}

Answer 1

Ваш путь может быть неправильным, помните, что это путь из файла .css.

Попробуйте просмотреть консоль навигатора на наличие ошибок.

Кроме того, вам может потребоваться указать запасной шрифти поместите название семейства шрифтов в квадратные скобки, например

font-family: "opensans", sans-serif;

Кроме того, вам потребуется включить несколько форматов шрифтов, чтобы обеспечить совместимость браузера.Более подробная информация здесь @ font-face

В зависимости от требований вашего проекта вы можете использовать опцию, предоставляемую Google Fonts, и включить ее в свой CSS

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

#ok {
    font-family: 'Open Sans', sans-serif;
 }