Span с текстом шрифта Honey Script не имеет высоты, используя font-face.как исправить? - PullRequest
Новая
       11

Span с текстом шрифта Honey Script не имеет высоты, используя font-face.как исправить?

0 голосов
/ 24 сентября 2019

Я использую шрифт Honey Script Semibold.Я импортировал его в проект, используя @ font-face.Вот так: 

@font-face {
    font-family: "Honey Script SemiBold";
    src: url("../fonts/HoneyScript-SemiBold.eot") format("eot"),
        url("../fonts/HoneyScript-SemiBold.woff") format("woff"),
        url("../fonts/HoneyScript-SemiBold.ttf") format("truetype"),
        url("../fonts/HoneyScript-SemiBold.svg#HoneyScript-SemiBold") format("svg");
    font-weight: normal;
    font-style: normal;
}

Проблема в том, что когда я помещаю любой текст этого шрифта в любой встроенный блок, например, span, он показывает текст и даже меняет размер, но он располагается внеправильный путь, и он не внутри блока, а просто плавающий случайным образом.

Все остальные шрифты работают, я импортировал их все одинаково.Только этот шрифт почему-то не работает.Safari не показывает текст вообще.Chrome показывает, что это просто случайно всплывает на странице.Заранее спасибо!

1 Ответ

0 голосов
/ 25 сентября 2019

Вы можете использовать этот код 

@font-face {
    font-family: 'honey_scriptsemibold';
    src: url('honeyscript-semibold-webfont.woff2') format('woff2'),
         url('honeyscript-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
...