问题标签 [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.

0 投票
1 回答
1223 浏览

fonts - 如何判断 .woff 字体是否有提示?

我有一个 .woff 字体,它在 Windows 平台上的渲染效果很差。我怀疑这可能是由于缺乏提示信息,但我需要确定。

你能推荐一个可以检查字体文件并告诉我其中是否存在提示指标的工具吗?

0 投票
1 回答
984 浏览

css - 为什么我们要加载这么多字体格式?

典型的@font-face 设置:

现在,我们有了 IE 9+ 的定义,它翻译为“现代浏览器”。看着字体类型支持它是一团糟,虽然 eot 似乎是 IE8。查看网站“我可以使用”所有现代浏览器都支持 woff 和 svg 格式。

那么为什么我们要添加所有这三种格式,我们只需要一种,因为所有现代浏览器都支持 woff 或 svg?我也不明白顺序很重要。所以在上面的例子中,所有现代浏览器都会下载“woff”格式。无需添加 svg。那么我们为什么要这样做呢?

这个问题的背景是内联优化。如果我想将我的字体作为 Base64 字符串包含在内,那么内联所有三种字体格式并不是很“优化”,它只会使 CSS 变得不必要的大。

因此,如果您的目标是“现代浏览器”,只需选择字体支持的格式并坚持下去。忘记网络上“每个示例”使用的这个后备。

也许某些格式在某些浏览器中看起来比其他格式更好,但这并不重要,因为浏览器只会下载第一个支持的格式,无论如何,在“现代浏览器”中,它始终是字体列表中的第一个 woff 或 svg,或者 ttf 如果你不关心IE。

所以,我在这里做了一堆假设。真的有理由添加所有这些吗?您大多使用 woff 或 svg 来逃避?

0 投票
1 回答
1005 浏览

google-chrome - 为什么 mimetype 目录中没有 woff2?

我在 Chromium 源代码中看到了对 woff2 的支持,但我没有看到向 IANA 注册的 mimetype。

http://www.iana.org/assignments/media-types/media-types.xhtml

考虑 WOFF 2.0 文件的正确 mime 类型(Google 使用 font/woff2。W3C 推荐 application/font-woff2)

https://gist.github.com/sergejmueller/cf6b4f2133bcb3e2f64a

我是否遗漏了一些明显的东西,或者这只是没有发生而人们正在实施它?

0 投票
2 回答
1760 浏览

css - 如何编辑/更改 TTF OS/2 usWeightClass 值?

我有我想在我的一个项目中用作网络字体的Dosis 字体。我可以使用Font Squirrel Webfont Generator将 TTF 文件转换为 WOFF ;到目前为止没有什么新鲜事。这样做会导致 Firefox 控制台中出现以下错误消息:

可下载字体:OS/2:粗重:250(字体系列:“dosis”样式:正常粗细:200 拉伸:正常 src 索引:0)来源:http ://example.com/fonts/dosis-extralight.woff2

错误消息很清楚,问题也很清楚,但我不知道如何在不以任何其他方式更改字体的情况下将值从 250 更改为 200。我尝试使用FontForge,但新生成的 TTF 文件与原始文件完全不同。我还尝试使用 HEX 编辑器,但无法确定文件内容的开头或结尾。


使用“Adobe Font Development Kit for OpenType”进行了尝试,这就是 WinMerge DIFF。我无法解释这是否是一个问题。

在此处输入图像描述

0 投票
0 回答
470 浏览

javascript - 如何从 WOFF 中删除字形?

是否有任何 javascript 库可以将 WOFF(和 WOFF2)字体缩小到仅 SVG 图像中使用的字形?例如,给定一个字体和一个字符串数组,它将返回显示这些字符串所需的最小字体。

我的第一个想法是使用相对简单的 SVG 字体,但不幸的是大多数浏览器都不支持它们。WOFF 和 WOFF2 得到了很好的支持,并且正在成为标准,但到目前为止,我还没有找到适合我需要的库。

0 投票
4 回答
245391 浏览

fonts - .woff2 字体的正确 MIME 类型

今天我将Font Awesome包更新到 4.3.0 并注意到添加了woff2字体。该文件在 CSS 中链接,因此我需要配置 nginx 以正确提供 woff2 文件。

目前我在 nginx 配置中有这个块用于字体:

woff2 字体的正确 mime 类型是什么?

0 投票
2 回答
7245 浏览

.htaccess - WOFF2 - HTTP Content-Type 响应标头建议

我正在使用PageSpeed进行一些网站优化。我面临下一个建议:

以下资源在其 HTTP 标头中未指定字符集。在 HTTP 标头中指定字符集可以加快浏览器呈现速度。

我立即启动了 google,并在 StackOverFlow 上找到了相关答案。

我已经添加了下一行,.htaccess但它对我不起作用。

接下来我尝试了,但仍然没有结果。

任何人都可以帮助我吗?

先感谢您

0 投票
1 回答
4847 浏览

asp.net-mvc - Azure 网站上的字体文件 404,看似正确的 MIME

我让 WOFF 和 WOFF2 字体在我的 IIS Manager 6 localhost 上工作,但是当我在 Azure 网站上托管网站时它们会给出 404。

我认为我在 Web.config 中有正确的 MIME 类型(尝试使用和不使用点)。当我通过 FTP 连接时,我看到了这些文件。我可以链接到与字体放在同一文件夹中的图像。我已在 Azure 上重新启动该站点。

网页配置

CSS

我没有想法..有人吗?谢谢!

0 投票
1 回答
2077 浏览

phantomjs - Phantomjs 2.0.1 和 woff

当前的 windows 和 linux 二进制文件(使用http://phantomjs.org/build.html在 Ubuntu 14.04 上构建)都不接受 woff-fonts(通过 CSS 中的 @font-face)。是否有某种魔术技巧可以打开 woff 支持?接受 SVG 和 TTF 字体,但是(我在寡妇上使用 ProcMon) pantomjs 不会尝试在我的系统上搜索扩展名为 .woff 的文件。

我看到一些人的消息声称他们让 phantomjs2 与 woff 一起工作,那么有人知道真相吗?

0 投票
2 回答
1613 浏览

css - stylus.url() base64 编码 woff2 字体

我使用 Stylus 编写 CSS 和stylus.url()base64 编码所有图像的方法。我的问题是手写笔也会对其中一种字体进行编码。它只是一种被编码的 woff2 字体。所有其他都保留为 URL。

如何在使用该stylus.url()方法时忽略字体文件或以其他方式阻止它被 base64 编码。

字体样式:

主.css: