问题标签 [font-face]

嘿伙计们，出于某种原因，我让 FireFox 不遵守所谓的在每个现代浏览器中获取自定义字体的“防弹”方法。

好吧，我希望我只是做错了什么，因为在我看来它确实应该起作用。

这是我的 CSS 样式：

我的 URL 是http://www.marioplanet.com如果您想查看实时 FireFox 问题。

我使用了以下规则来允许我们的静态域托管字体，但是当启用浏览器缓存时，我遇到了浏览器（firefox、safari）未使用字体的问题。

我还使用以下规则让浏览器知道可以缓存静态内容：

如果我在浏览器缓存关闭的情况下浏览该站点，则每次都会加载并显示字体。

如果我关闭浏览器缓存并加载页面，字体会被加载（firebug > net）但不会显示！

标题是否304 Content Not Modified导致浏览器忽略我的努力？

我正在建立一个网站，我们正在考虑为@font-face网站上的所有文本使用自定义字体（使用），而不仅仅是标题。我已经@font-face在另一个站点上为标题集成了一个自定义，效果很好，但是当我对所有内容使用 webfont 时，我有点担心性能（尤其是渲染）。尤其是在 IE 中，因为你需要这个 hack来修复 IE7 和 IE8 中的抗锯齿问题。

@font-face有没有人在使用所有字体的同时部署大型网站有任何经验（甚至更好：测试结果） ？

更新：一年多来，我一直在为正文使用网络字体，而且我没有看到任何性能问题。

我有一个使用自定义字体的网站。我已经得到了设计师的字体格式。我使用转换器将它们转换为 eot 格式。

并将以下代码添加到 css

这在 FF 和 chrom 中效果很好，但在 IE 中不起作用。示例站点在这里：http ://test.hannitcohen.co.il/eshkol/

现在我正在为我的应用程序设置一种字体，但我只是按照一个例子。我怎么知道我可以使用哪些字体？

谢谢！

似乎在网页上使用自定义字体变得越来越普遍。借助 TypeKit 等服务，可以使用的高质量字体也越来越多。

我想知道：有没有人开始建立专门使用@font-face 字体的网站？（我终于可以摆脱 Verdana / arial 并换成 Myriad 了吗？）还是现在还为时过早？

谢谢，

使用四种不同格式的网络字体（例如由 www.fontsquirrel.com 为我计算）：True Type / EOT / SVG / WOFF 并通过 CSS 嵌入它们：

...每个浏览器会加载所有四种字体还是只选择它最喜欢的一种？

我@font-face第一次使用并从 fontsquirrel 下载了一个字体工具包

他们建议插入我的 CSS 的代码是：

现在，笑脸的事情让我难住了。但是 src 中的 url 数量也是如此 - 为什么他们推荐这么多文件，并且在呈现页面时它们都会被发送到浏览器？删除.ttf 以外的所有内容有什么害处吗？

我在 @fontsquirrel 生成器的 css 文件中有这段代码：

/// 将代码更改为现在的样子 ///

这存储在一个名为 css 的文件夹中，字体存储在一个名为 fonts 的文件夹中。

例如，在我调用它的 html 页面中，我无法让它工作

我根本无法弄清楚我做错了什么。

有任何想法吗？

_{我现在已将它们全部更改为 url ('../fonts/adlib 等，但它仍然无法正常工作。我正在本地预览 - 是这样吗？}

当我们定义 @font-face 样式时，我们可以定义引用的文件是用于字体的粗体、斜体还是粗斜体版本，如这个 SO 问题中所述：

如何为同一种字体添加多个字体文件？

例子：

但是，Font Squirrel 不会以这种方式生成 @font-face 套件。他们改为这样做：

这意味着在我们的 CSS 文件中，我们必须这样做：

为什么 Font Squirrel 不使用 font-weight 和 font-style 声明来区分粗体和斜体变体？为什么要使用单独的字体系列？他们是否知道某些浏览器对此功能的（缺乏）支持？