javascript - Firefox 不支持字体系列 Verdana-Bold

Question

如果我将 font-family 设置为Verdana-Bold，它在 FF（版本 18）中不起作用，但 Chrome（版本 24）很好。

如果我将 font-family 更改为Verdana，它可以在两个浏览器中使用。

同样，CourierNewPS-BoldMT, 不起作用，但Courier确实起作用。

有谁知道解决这个问题的通用解决方案？像可以转换特定于浏览器的字体的 JS 或 CSS 技术？

这是用例的描述：我有一个 HTML5 应用程序，它也有一个等效的 windows 桌面版本、一个 mac 应用程序以及一个 iOS 和 android 应用程序。

所有这些应用程序都可以对文本进行更改，然后将这些更改存储在 XML 文件中。然后可以加载该文件任何应用程序。

score 4 · Accepted Answer

如果您只想使用字体的粗体版本，请使用该font-weight属性。

font-family: verdana;
font-weight: bold;

score 3 · Accepted Answer

使用@font-face以便每个浏览器都可以显示完全相同的字体。

@font-face {
    font-family: MyFont;
    src: url('mybeautifulfont.otf');
}

body{
    font-family: 'MyFont', 'Verdana-Bold', 'Verdana';
}

如果您只想要粗体文本，那么：

body{
    font-family: 'Verdana-Bold', 'Verdana';
    font-weight: bold;
}

score 3 · Accepted Answer

3

据我所知，加粗的 Verdana 在 Firefox 上显示良好。在此处输入图像描述

于 2012-10-09T03:36:43.087 回答

3 回答 3