问题标签 [woff]

我有一个带有 @font-face 声明的 CSS 文件。相应的字体在声明中存储为 base64 编码的 WOFF。出于您必须相信的原因是好的原因，我想创建多个指向同一个 base64 WOFF 的 @font-face 声明（这意味着，无需在 CSS 文件中复制它，也不会将其移动到外部文件.)

可以做到吗？如果是这样，怎么做？

如何在一个请求/响应中向客户端提供不同字体文件中的多种字体？我正在使用 .woff 文件。

是否可以将字体文件合并到一个文件中？

我正在尝试部署一个引用http://fortawesome.github.io/Font-Awesome/的 Web 应用程序

一切都在本地运行良好，但是当我部署时，我收到了几个 500 错误。

对 StackOverflow 的快速搜索将我带到了这个线程：为什么@font-face 在 woff 文件上抛出 404 错误？

因此，我添加到我的 web.config 文件中：

我看到 IIS 在调用 iisreset 后反映了这些更改，但在部署的应用程序上没有看到任何影响。

我没有找到任何其他明显的答案——有人知道我不知道的吗？

所以我正在使用 FontCustom 从我们设计部门的一组矢量图形中制作我自己的一组网络字体。一切都很顺利，除了我的一个图标是公司标志，它的设计是 2:1 的纵横比。（400 像素 x 200 像素）。

从技术上讲，FontCustom 正在制作我的字体包，它在技术上可以在我的网站上运行，但我的问题是它制作的 svg 文件具有我公司徽标的 1:1 纵横比，并且我的字形下方有一个空白日志。

有没有其他人经历过这个？

我是否需要将一些特定指令传递给 FontCustom 编译器？

谢谢

我在 IIS8 中创建了一个新的（简单的）网站。我创建了一个简单的Index.html并放入 jQuery、Bootstrap3 和 Font-Awesome 4.0.0 开始使用。

但是我的 Font-Awesome 图标显示为空（正方形）：

我的文件夹结构是

我的 HTML 代码：

字体真棒@font-face 是：

Chrome 显示甚至没有下载 .woff 文件（或任何东西）（也没有 404）

我试过了

• IE 11、火狐、铬
• 将网站放在实时服务器上
• 将 .woff 的 MIME 类型更改为
  • font/x-woff
  • application/x-font-woff
  • application/font-woff
  • font/woff
• 应用程序池的完全读取权限
• 将@font-face 的 url() 从../fonts/更改为fonts/
• 删除所有其他不必要的 css 和 js 文件
• 整页刷新，清除缓存

我正在使用 node-mime 为 woff 字体设置正确的 mime 类型。还是行不通。任何帮助将非常感激。

干杯@harishvc

我正在准备一个简单的网站。但是我的字体在 Google Chrome 上不起作用。

这是我的页面

我的 CSS 代码：

我的 web.config 数据

它在 Firefox 上运行良好，但在 Chrome 上运行不佳。我在我的项目中尝试了“字体文件夹方法”和“ttf 字体”，但它没有改变。

我怀疑 woff 文件，但我无法更改它。

我怎样才能解决这个问题？

当我尝试在 Meteor 中使用某些字体时，我得到了这个：

资源解释为 Font，但使用 MIME 类型 font/x-woff 传输：

我试过meteor add mime或npm install mime命令，没有工作。

有人知道这件事吗？

我在使用“font-variant: small-caps”将我的网络字体设置为小型大写字母时遇到问题。这是我的发现和经历，排除了可能的问题：

1. 我最初的想法是 .woff 文件由于某种原因没有呈现小型大写字母。我已经排除了这一点，因为字体在 Safari 和 Firefox 中呈现良好，据我所知使用 .woff 格式。
2. 我的第二个想法是这是一个 webkit 问题，但 Safari 显示它很好，我不认为它是。
3. 我没有使用 twitter 引导程序，所以不text-rendering: optimizelegibility，我也尝试将其重置为自动。
4. 我尝试了font-feature-settings: 'smcp'包含浏览器前缀，它不呈现小型大写字母（在所有浏览器中只有第一个字母大写）

我错过了什么吗？

编辑

经过进一步研究，我找到了一个解决方法，即添加font-variant:small-caps到 中@font-face，如下所示：

事实证明，只有堆栈受此影响。@font-face在 Chrome 支持的每种字体格式中，按预期分配类似的工作方式：

我在我的一个项目中使用https://github.com/AKIRA-MIYAKE/iOS7-icon-font，我想知道是否可以使用 CSS 为这些图标填充颜色

例如