在此页面上：http : //www.anasiamusic.com/bio.html 在正文中（“Ana Sia 的 DJ 板条箱是一个股票...”），其font-family属性<div>指定为：
font-family: 'Economica', sans-serif
我想知道这是如何工作的——即使在 Internet Explorer 中，在 IE7 查看模式下，它仍然按预期显示。我一直坚持使用 Georgia、Verdana 等 Web 安全字体，尤其是用于正文复制的其他字体，我的印象是，要完成这样的事情并使其跨平台兼容，必须使用@font-face.
显然我错了，有人可以解释并指出一些关于网络排版的好资源，可以进一步阐明吗？
请注意，我的计算机（Windows 7）上没有安装 Economica。
Economica 由Google Web Fonts提供（链接到字体样本）。
它是通过这个<link>标签加载的，你可以在页面标题中找到它：
<link href='http://fonts.googleapis.com/css?family=Economica:700' rel='stylesheet' type='text/css'>
然后由支持 CSS 规则的浏览器嵌入@font-face，以便它们可以在页面中呈现它。@font-face您可以在CSS3 规范中阅读更多信息。
Google Web Fonts 利用该规则以及适当的格式来告诉浏览器嵌入字体。浏览器然后下载字体并尝试以它们理解的格式呈现它，如果失败，它们将退回到堆栈中接下来出现的任何内容（在这种情况下，泛型系列sans-serif）。这就是它的全部，真的。
最终下载的字体格式取决于浏览器：现代浏览器只需要下载WOFF格式，而像 IE7 这样的旧浏览器接收不同的格式，称为 EOT（从 IE4 开始支持！）以便也嵌入字体。其他浏览器的早期版本可能会选择其他格式，例如 TTF、OTF 甚至 SVG。@font-face您可以在有关防弹语法的文章中阅读有关各种格式及其用途的更多信息，例如这篇文章。
我用不同的字体也有类似的问题。我所做的是在这里使用这个网站并按照说明进行操作。事实证明，Font Jazz 将所有字体类型转换为网络安全。使用起来也相当简单；只有两个js文件。
希望有帮助！