问题标签 [woff]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
fonts - WOFF 字体,它们是什么,我为什么要关心?
所以Mozilla提出了一种新的网络字体,我并没有真正进入那个世界,但我想让自己保持最新状态。既然连微软都支持它,那有什么了不起的,作为一个 webdev 的我为什么要关心呢?
和旧的有什么区别?我们需要另一个字体系统吗?在什么情况下我应该使用 WOFF?为什么不坚持现有的?
一个名为 WOFF 的新标签也可能有用。
embedded-fonts - WOFF 字体的 Mime 类型?
WOFF 字体应该用作什么 mime 类型?
我提供 truetype (ttf) 字体font/truetype
和 opentype (otf) as font/opentype
,但我找不到 WOFF 字体的正确格式。
我已经尝试过font/woff
,font/webopen
和font/webopentype
,但 Chrome 仍然抱怨:
“资源解释为字体,但使用 MIME 类型应用程序/八位字节流传输。”
有人知道吗?
css - 为什么@font-face 在 woff 文件上抛出 404 错误?
我@font-face
在我公司的网站上使用它,它工作/看起来很棒。除了 Firefox 和 Chrome 会在.woff
文件上抛出 404 错误。IE 不会抛出错误。我的字体位于根目录,但我尝试过使用 css 文件夹中的字体,甚至给出了字体的整个 url。如果从我的 css 文件中删除这些字体,我不会得到 404,所以我知道这不是语法错误。
另外,我使用 fontsquirrels 工具来创建@font-face
字体和代码:
fonts - 如何编辑 Google Webfonts 提供的 .woff 字体文件?
是否有任何适用于 Windows 的免费或便宜的编辑器,可以编辑带有 .woff 扩展名的文件(我在 css 中检查了字体文件具有 woff 扩展名)。这些是 Google Webfonts 提供的字体,它们可以自由嵌入、修改等。我只想为特定语言的某些字母添加变音符号并将字体嵌入网站。
google-chrome - Chromium won't recognise woff fonts despite declaring application/x-font-woff as the MIME type
I have declared AddType application/x-font-woff woff
but chromium still always give me the message Resource interpreted as Font but transferred with MIME type application/octet-stream
. What is going on here, it seems to be a rather common problem. This is Chrome version 14 by the way.
apache - 更正字体 MIME 类型的 Apache AddType 指令
我正在使用 @font-face 嵌入字体(感谢Paul Irish)。在尝试修复 Chrome 关于 woff 字体错误 MIME 类型的警告时,我发现了大量相互矛盾的建议。
每个人似乎都同意 .eot 字体(对于 IE 6-8?)应该使用
对于 .ttf 字体(较旧的非 IE 浏览器?)我见过
对于 .woff 字体(新标准?)我见过
我知道 woff 的正确 MIME 类型是 application/font-woff,但在标准正式发布之前,Chrome 可以理解 application/x-font-woff。
我意识到我已经回答了一半的问题,但问题是:对于字体应该使用哪些 MIME 类型,是否有任何权威指导或进一步的建议?
更新(以防它对其他人有任何帮助):由于似乎没有任何权威性,我决定在我的 .htaccess 中使用以下字体 MIME 类型(至少让 Chrome 满意):
javascript - 使用 Javascript 检测浏览器是否支持 Web 开放字体格式 (Woff)
我必须用 JS (jQuery) 检测浏览器是否支持 Woff,然后向正文添加一个类。像这样的东西:
这有可能吗?谢谢您的回答。
fonts - 将 Webfonts 转换为 ttf / otf 格式 - 甚至可能吗?
我有一个我在网站上使用的字体,我有以下格式:woff、eot、svg。
现在,我正在和一位设计师合作,他想用这种字体创建模型,但我找不到原始的 ttf 文件。
是否可以将 SVG 字体文件的 WOFF 或 EOT 转换回 TTF 或 OTF?
任何帮助将非常感激!
谢谢
command-line - 如何通过命令行将 WOFF 转换为 TTF/OTF?
我知道Online Font Converter 之类的服务,但我对离线解决方案感兴趣,最好是通过命令行。有谁知道如何离线将 WOFF 转换为 OTF/TTF 的工具或工作流程?
firefox - 如何在 Firefox 中使用带有 @font-face 的数据 uri
我正在为公共 wifi 接入点设计一个启动页面,而 Firefox 拒绝显示我的自定义字体,而它在所有其他浏览器中都可以使用(嗯,不是 IE < 9,但这是意料之中的)。
该页面需要在以下约束中工作:
- 无法访问互联网:在用户接受条款和条件之前显示此页面,因此所有内容都被阻止
- 该页面存储在访问点上:这意味着嵌入式服务器可能是用 C 编写的,我不能真正添加额外的标题或其他东西。好吧,它是开源的,所以它可能是可能的,但我肯定不是嵌入式开发人员!
- WiFi 用于宣传提供它的小镇,所以它应该尽可能漂亮。
为了满足这些约束,我使用了带有数据 uri 的 @font-face,如下所示:
它就像一个魅力......除了在 Firefox 中。现在我知道它不适用于旧版 IE,但我已经准备好使用它。但我觉得奇怪的是,所谓的现代浏览器不提供该功能。为什么这不起作用?
编辑:当然,我对后备有很多想法,但我的问题更多:为什么 Firefox 的这种行为与其他浏览器不同?是安全设置吗?data-uri 实现中的错误?数据uri的大小限制?