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;
}

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

其他所有字体作品，我都以相同的方式导入它们。由于某种原因，仅此字体不起作用。 Safari根本不显示文本。 Chrome会显示它只是随机浮动在页面上。预先谢谢你！

Answer 1

您可以使用此代码

nc_dct = {}
with Dataset(file) as f:
    for g in f.groups:
        tmp_grp = f.groups[g]
        nc_dct[g] = {}
        for attr in tmp_grp.ncattrs():
            nc_dct[g][attr] = tmp_grp.getncattr(attr)

@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;

}

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

1 个答案: