问题标签 [font-face]

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 投票
2 回答
4047 浏览

html - 如何修复 Firefox 3.5 中的@font-face 故障

在现有代码中,我在 Internet Explorer 中对 .EOT 嵌入式字体进行了 CSS @font-face 声明,这些字体实际上可以完美运行。所以现在我读到 Firefox 现在也在 3.5 中嵌入,除了它直接嵌入 .ttf 字体。所以我修改了 firefox 的 @font-face 声明并试了一下:

它有效 - 但几乎没有完美无瑕。

首先,斜体和粗体不会出现在页面上,尽管它们以前使用 .EOT 字体出现过。

其次,更令人不安的是以下行为:

Firefox 在显示嵌入的 ttf 字体之前会闪烁默认字体半秒!

这看起来真的很蠢。

至于第二个问题,我希望可以解决的原因是,使用Cufon嵌入字体时,存在完全相同的问题。但是,它们提供了您在结束标记之前调用的 Cufon.now() JS 函数</body>,这为它们解决了问题。应该已经看过该函数的 JS 代码,但在这方面几乎不是专家。

同样的默认字体闪烁也不存在于 IE 或 Safari 中。

0 投票
3 回答
8265 浏览

svg - 在@font-face 中使用 SVG 字体而不是 TTF/EOT 有什么好处?

我正在调查@font-face 声明中 SVG 字体的使用。到目前为止,似乎只有 Safari 4 和 Opera 10 支持它。Firefox 3.5 不支持它,但有一个错误报告,但尚未提供修复(尽管有补丁)。

我想知道,在主流浏览器中支持@font-face,使用 SVG 字体格式代替 TTF/OTF/EOT 格式有什么优势?我可以从上面链接的讨论中收集到的唯一优势是,您可以将自己缺少的字形添加到尚不支持它们的字体中。

还有其他理由在 CSS 中指定 SVG 字体吗?

0 投票
1 回答
9415 浏览

css - 压缩/放气@font-face 字体

我正在使用 @font-face CSS 属性为网站上的标题加载特殊字体,并且我希望 Apache 发送压缩字体以减少加载时间。

但是,Apache 2 的 deflate 模块中的“AddOutputFilterByType”声明只接受 mime 类型,并且作为 AFAIK,opentype 和 truetype 都没有注册 mime 类型。

那么,如何配置 Apache 来压缩/压缩 font.otf 或 font.ttf 文件?

0 投票
6 回答
14305 浏览

css - 将@font-face 与像素字体一起使用时,是否可以在 CSS 中禁用抗锯齿?

我想在网络上使用像素字体。我使用@font-face 包含它,但是所有浏览器都对字体应用抗锯齿。我似乎无法找到禁用此功能的 CSS 规则,有人能想到另一种禁用抗锯齿的方法吗?

0 投票
15 回答
82109 浏览

css - Internet Explorer @font-face 失败

我正在尝试让 Internet Explorer 呈现我漂亮的字体。它不工作。它们在 Firefox 中运行良好,我可以在我的 Apache 访问日志中看到 IE 已经提取了字体。所以它正在解析 font-face CSS 标签,而不是渲染它们。

我用来转换字体的网站是:http ://www.kirsle.net/wizards/ttf2eot.cgi 。我试过微软的 WEFT 工具,但它不能正常工作。安装并打开后,它说“第一次运行它,这样做......”然后它一直挂着。

这是我的CSS:

关于为什么 IE 不呈现字体的任何想法?

编辑:还应该提到,我用以下方式调用字体:

0 投票
5 回答
649 浏览

fonts - 自定义字体和 CMS

我正在为一位艺术家建立一个网站,该艺术家使用他的笔迹制作了自定义字体。他想在整个网站中广泛使用这种字体——不是用于所有正文,因为它难以阅读,而是用于标题、导航、标注等。

我有这个文件——它是一个 TrueType 字体文件。

我们将使用基于 PHP 的 CMS 来构建站点。

为此目的使用此自定义字体同时仍允许客户端在 CMS 中编辑页面名称、标题等的最佳方法是什么?我想容纳尽可能多的用户,但如果一些网站访问者看到 Arial 或 Verdana 或我们为正文选择的任何内容,那就没问题了。

我应该试一试@font-face 吗?使用 PHP 在服务器上创建图像?西弗?该站点可能会存在一段时间,因此我希望尽可能具有前瞻性。同时,我想确定没有人可以在他们自己的网站上使用该字体或下载副本。

关于他当前现有网站的一些背景信息: 相当繁忙的网站,每天大约有 500 次访问(2000 次页面浏览量)。

浏览器统计:

IE:48%(10% 的 IE 用户使用 IE6,42% 使用 IE7,48% 使用 IE8)

FF:32%(38% 在 3.5.5、29% 在 3.0.15、11% 在 3.5.4、4% 在 2.0.0.20 和 5% 在 3.5.2)

Safari:17%(53% 的 531.9、13% 的 531.21.10、7% 的 528.16、5% 的 525.22 和 4% 的 530.19)

Chrome:2%(3.0.195.33 上的 41%、3.0.195.27 上的 31%、3.0.195.32 上的 21% 和 4.0.223.16 上的 4%)

0 投票
6 回答
774 浏览

css - 获得好的@font-face 字体

你知道一些可以在带有字体的网站中使用的好字体的好网站吗?我知道一些网站,但我搜索可以在“商业项目”中使用的字体,它们应该在 MIT 或(新)BSD 下获得最佳许可?

0 投票
3 回答
7365 浏览

email - 主要电子邮件客户端是否支持@font-face?

主要的 Web 和桌面电子邮件客户端是否支持字体功能?假设他们没有但认为我无论如何都会问是合乎逻辑的。有人测试过吗?

0 投票
2 回答
612 浏览

css - @font-face 渲染

我在我的网站中使用了一种字体:http ://www.fontsquirrel.com/fonts/Bentham

但我有一个问题:

这个@font-face 显示的字体在每个支持的浏览器中看起来都不同。我怎么能在任何地方平均渲染它?

0 投票
1 回答
336 浏览

css - 带有模态窗口的 IE 中的 @font-face:一旦在模态字体中恢复为 Helvetica

我正在使用@font-face,它在加载索引页面时即使在 IE 中也能正常工作。但是,当我使用 IE 打开我的模态窗口时,它仍然可以工作,然后我单击模态中的一个链接以在模态中显示一个新页面 - 它在该页面上、上一页上甚至在我关闭时恢复为 Helvetica modal 我的索引现在在 Helvetica 中。更奇怪的是,我在 CSS 中将 Georgia/serif 设置为我的基本字体。如果有人对此熟悉或有指向包含信息的页面的链接,我将不胜感激。目前我宁愿不提供指向工作页面/代码的链接,但如果有人立即熟悉这个问题等,那就太好了。谢谢你。