使用 Google Font Loader 指定字体变体(即粗体、斜体)的正确格式是什么?

发布于 2025-01-08 18:42:48 字数 695 浏览 0 评论 0原文

我正在使用 Google Font Loader 加载一些 Google Web Fonts。

我注意到,在指定字体时加载指定粗细的建议格式以数字形式,不起作用。我知道粗体变体的字体加载不起作用,因为 Google 字体加载器插入了 wf-istokweb-n7-inactive

不起作用:

WebFontConfig = {
    google: { families: ['Istok Web:400,700'] },
}

起作用:

WebFontConfig = {
    google: { families: ['Istok Web:400,bold'] },
}

看看 现场演示。 (注意:jsfiddle 位于 iframe 中,因此您必须深入了解 iframe 的标签才能看到添加的类。)

那么以数字方式指定字体粗细不是正确的方法吗?或者是这种特定字体的异常?

I'm using Google Font Loader to load a couple of Google Web Fonts.

I've noticed that when specifying the fonts to load the suggested format of specifying weight in numeric form, doesn't work. I know that the font load of the bold variant doesn't work because the Google Font Loader inserts wf-istokweb-n7-inactive.

Doesn't Work:

WebFontConfig = {
    google: { families: ['Istok Web:400,700'] },
}

Works:

WebFontConfig = {
    google: { families: ['Istok Web:400,bold'] },
}

Have a look at a live demo. (NOTE: The jsfiddle is in an iframe so you'll have to dig into the iframe's tag to see the added classes.)

So is specifying the font weights numerically not the proper way to go? Or is it an anomaly with this particular font?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文