问题标签 [font-face]

我对你来说有点奇怪（可以这么说）。我为我的网站设计了一个“即将推出”的小页面，该页面在本地（在 WAMP 设置上）运行良好 - 在功能强大的浏览器（即 Chrome 和 Safari）中，页面看起来不错，并且有一个不错的小 CSS3 过渡效果悬停时。在其他浏览器中，页面看起来（实际上）相同，并且悬停效果仍然有效，只是没有过渡。

上传到我的主机后，该站点看起来仍然很好，并且在 Chrome 和 Safari 中运行良好，但由于某种原因在 Firefox 中，@font-face 声明似乎不起作用，并且在 IE 中布局略有不同。

我非常困惑！我的主机上的文件与我本地的文件相同。

网址是http://iamfriendly.com/

CSS 文件可见于：

http://iamfriendly.com/wp-content/themes/iamfriendly_comingsoon/css/screen.css

和

http://iamfriendly.com/wp-content/themes/iamfriendly_comingsoon/css/typography.css

任何建议将不胜感激！

理查德

我正在使用自定义字体和@font-face 标签。在 Windows 中，无论是 Firefox、Chrome 还是 IE，一切看起来都很棒。

在 Mac 上，情况就不同了。出于某种原因，Mac 字体渲染器认为字体比实际短很多。

例如，考虑这个测试代码（这里是现场示例）：

在 Windows Firefox 和 Mac Firefox 上打开它。使用鼠标选择它。

在 Windows 上，您会注意到它完全选择了字体。

在 Mac 上，它只选择大约一半的字体。如果您查看它选择的内容，您会看到该部分已居中，而不是字体的全高。

有没有办法解决这个相当大的差异？

以下代码适用于 Google Chrome beta 和 IE 7。但是，Firefox 似乎对此有问题。我怀疑这是如何包含我的 CSS 文件的问题，因为我知道 Firefox 对跨域导入不太友好。

但这只是静态 HTML，不存在跨域问题。

在我的landing-page.html 上，我像这样进行 CSS 导入：

在 main.css 我有另一个像这样的导入：

在 type.css 我有以下声明：

我在 type.css 所在的位置有一个名为“font”的目录。此字体目录包含所有 woff/ttf/svg 文件等。

我被这个难住了。它适用于 Chrome 和 IE，但不适用于 Firefox。这怎么可能？我错过了什么？

我正在使用一种名为 Chunk Five 的字体，当嵌入 font-face 时，它​​在 Windows 7 浏览器中看起来几乎不可读，因为 Windows 呈现它们的字体的方式（它太模糊和厚）。我试过修改字体粗细和文本阴影之类的东西，但它们没有任何效果。有什么办法可以改变这一点，还是我不得不求助于 cufon？

我将@font-face 用于某些标题。

替换的字体在尺寸和整体特征上有所不同。当切换发生时，旧字体的规则看起来不太好。

除了编写有条件的 Javascript 脚本之外，有没有办法为 @font-face 字体（如果浏览器支持它）设置一组 CSS 规则，以及为未替换的默认字体设置 CSS 规则？

嗨，伙计们，我在使用 IExplorer、Chrome、Safari 等时遇到了问题。只有 Firefox 可以完美地与所有这些 @font-face 规则配合使用：

在 CSS 中：

在 .html 中

我对 Calibri 字体没有任何问题，可能是因为它安装在 os. HAND字体是问题所在。此外，IExplorer 不接受任何用 css 编写的习俗（颜色、字体大小、对齐 ..），仅此而已，希望找到解决方案.. 否则我会发疯 :(

Ps：我使用两个不同的在线转换器将 .ttf 字体转换为 eot - 垃圾邮件对不起：/（http://ttf2eot.sebastiankippe.com） www.kirsle.net/wizards/ttf2eot.cgi 因为我有问题执行谷歌代码上的 ttf2eot 非常感谢大家！！

使用字体嵌入时，有什么方法可以使字体在 Windows 中呈现为反锯齿？

与 Windows 7 相比， http://code.google.com/webfonts在 Ubuntu/Mac 上看起来要好得多（尝试过 chrome/firefox）

我正在尝试创建一个离线 HTML5 测试应用程序，并同时使用新的 google fonts api。有谁知道如何缓存远程字体？简单地将 api 调用放在缓存清单中是行不通的，我认为这是因为 api 实际上加载了其他文件（ttf、eot 等）。

如果可以离线使用字体 api，有什么想法吗？

作为参考，这是我正在打的电话：

我正在尝试创建一种在我的网站上使用的字体存储库，这样我就可以在我的 css 中调用存储库中的任何字体，而无需任何其他设置。为此，我创建了一个子域，在其中为存储库中的每种字体放置了文件夹，其中包含每种字体的各种文件类型。我还在子域的根目录上放置了一个名为 font-face.css 的 css 文件，并在其中填充@font-face了每种字体的声明，字体通过绝对链接链接，以便可以在任何地方使用它们。

我的问题是，我似乎只能在它们所在的子域上使用字体，而在我的其他网站上字体没有显示。使用 firebug，我确定 font-face.css 文件已成功链接并加载。那么为什么字体不能正确加载呢？字体文件有保护吗？我正在使用我应该被允许使用的所有字体，所以我不明白为什么会发生这种情况。也许这是一个 apache 问题，但是当我链接到它时，我可以很好地下载字体。

哦，澄清一下，我的设置并没有侵犯任何版权，我使用的所有字体都被许可允许这种事情。但是，我想设置一种只有我才能访问此字体存储库的方式，但那是另一个项目。

不久前我开始阅读设计博客，似乎@font-face 在去年年底的某个时候变得非常流行，或者类似的东西，因为我的印象是它是网络的一个新兴功能。但后来我看到 Internet Explorer 从 IE4 开始就有了（经过一些转换）。

那么现在在网上看到@font-face 很常见吗？在我做这样的事情之前，我是否有关于可访问性、合法性或渲染的任何想法？我看到 Hulu.com 使用 Canvas 和名为“cufon”的 javascript 呈现字体。