font-family 在 Firefox 中不起作用，但在所有其他浏览器中都起作用？答案

【问题标题】：font-family not working in Firefox, but works in all other browsers?font-family 在 Firefox 中不起作用，但在所有其他浏览器中都起作用？
【发布时间】：2013-01-19 21:45:23
【问题描述】：

我正在使用：身体 { font-family:"富兰克林哥特式黛米"; }

它在 Chrome、Safari 和 Internet Explorer 中正确显示字体，但在 Firefox 中显示 Times New Roman。我错过了什么吗？我以为 Franklin Gothic Demi 是一种内置的网络字体...

【问题讨论】：

标签： css font-family

【解决方案1】：

尝试清除 Firefox 中的缓存。

还可以考虑嵌入字体，使其在所有浏览器和客户端之间更加兼容。 http://www.google.com/webfonts

有些人讨论了这个确切的问题。 http://forums.madcapsoftware.com/viewtopic.php?f=9&t=15267

【讨论】：

我切换到适用于所有浏览器的 Tahoma（暂时）。我可能只是保留它。通过嵌入，您是指将其中一种字体引用为@font-face？
是的。 Google Webfonts 上有很多免费的字体，我的设计伙伴几乎只在大量安装的字体上使用它。例如，Droid 非常好。
好的，我会看看。非常感谢！

【解决方案2】：

如果您使用的是基于 Mac 或 Linux 的操作系统，您可以按照以下步骤操作：

1) 转到https://fonts.google.com/
2) 下载您选择的字体。
3) 转到您的 HOME 目录。
4) 转到 .fonts 文件夹（创建一个，如果之前没有创建！）
5) 从下载的 zip 文件夹 (fonts.zip) 中提取 .ttf 文件到 .fonts 文件夹中。
6）使用适当的CSS命令和字体的家族名称，它应该可以工作。

提示：Google 字体还为您提供了您要使用的字体系列的相应 CSS 代码行！

【讨论】：