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

Question

我使用的是“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;
}

问题是，当我将此字体的任何文本放入任何内联 block (如 span)时，它确实显示了文本，甚至更改了大小，但它的定位方式错误并且不在 block 内，但只是随机漂浮。

所有其他字体都有效，我以相同的方式导入了所有这些字体。由于某种原因只有这种字体不起作用。Safari 根本不显示文本。 Chrome 显示它只是随机 float 在页面上。提前致谢!

Answer 1

您可以使用此代码

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