Firefox 不支持字体系列 Verdana-Bold答案

【问题标题】：font-family Verdana-Bold not supported in FirefoxFirefox 不支持字体系列 Verdana-Bold
【发布时间】：2012-09-29 08:05:33
【问题描述】：

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

如果我将字体系列更改为Verdana，它在两种浏览器中都可以使用。

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

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

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

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

【问题讨论】：

您好，如果您正在设置字体系列，您是否在'Verdana-Bold' 中加上了引号？您还调用浏览器使用系统字体，如果系统没有字体，那么字体将不起作用。下面的答案对于解决跨浏览器字体渲染非常有帮助。
@VKen 使用 Verdana-Bold 在 Chrome 上的同一台机器上运行正常
当我测试它时，Verdana-Bold 在 Chrome 上也不起作用。它不是字体系列名称，为什么要这样呢？您实际上是否使用了您以这种方式命名的 可下载 字体？
@JukkaK.Korpela 试试jsfiddle.net/skUxK。并查看 Chrome 和 FF 的区别。也许这些字体在您的机器上不可用。我正在使用山狮。
@sbr，我看不出有什么区别。没有字体系列 Verdana-Bold，我的机器也没有这种字体（但它有“Verdana Lihavoitu”）。我认为您真正的问题是在使用可下载字体时使用粗体字体，并使用 Verdana 粗体字体作为备份，但问题没有描述这一点。

【解决方案1】：

据我所知，加粗的 Verdana 在 Firefox 上显示良好。

【讨论】：

【解决方案2】：

使用@font-face 以便every single browser 可以显示完全相同的字体。

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

【讨论】：

事情就是这样。我正在开发一个具有等效 Windows 桌面版本、Mac 应用程序、html5 应用程序和 iOS 应用程序的应用程序。所有这些应用程序都可以对文本进行更改，从而将这些更改存储在 XML 文件中。然后可以由任何应用程序加载此文件。这种技术有效，但不适用于运行的旧版应用程序。
问题是关于 Verdana-Bold。您认为它可以合法地用作可下载字体吗？
其实如果你想要粗体字font-weight: bold;就可以这样做。
@Derek 我可以使它适用于这种特定情况。类似于，如果字体是“Verdana-Bold”，则将其设为 Verdana，然后设置字体粗细。但同样，对于“CourierNewPS-BoldMT”，我需要做这个映射......等等。我正在尝试获得通用解决方案
“CourierNewPS-BoldMT”和“Verdana-Bold”不是通用解决方案。 Web 安全字体名称和原始 css 'font-*' 属性是一种通用解决方案。

【解决方案3】：

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

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

【讨论】：