html - 使用“Honey Script”字体的文本的跨度在使用font-face时没有任何高度。怎么修？

我正在使用“ 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;
}

问题是当我将这种字体的任何文本放入跨度之类的任何内联块时，它确实显示了文本，甚至更改了大小，但它以错误的方式放置，并且不在块内，而是浮动的随机地。

其他所有字体均有效，我以相同的方式导入了所有字体。由于某种原因，仅此字体不起作用。
Safari根本不显示文本。 Chrome浏览器显示它只是随机浮动在页面上。
先感谢您！

最佳答案

您可以使用此代码

@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" />