问题标签 [webfonts]

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 回答
743 浏览

javascript - 如何找出浏览器是否支持网络字体或不使用 javascript?

我只想要一段代码来检查浏览器是否支持 CSS3 网络字体。
例如,我有一个 12px 的字体看起来太小了,所以我必须将它设置为 16px,但是如果使用不支持 webfonts 的浏览器查看页面,则文本看起来太大。

0 投票
2 回答
1791 浏览

css - 对 2 种字体使用 @font-face 会导致速度大幅下降

这是我第一次使用@font-face。字体包来自 myfonts.com,我目前正在 Safari 中进行测试,并通过网络检查器注意到加载 2 种字体的 css 文件显示为近 2mb-download !字体似乎以base64编码的形式存在。该包不包含实际的 .otf 文件。

在此处输入图像描述

在此处输入图像描述

我已经通过 .htaccess 文件添加了 Gzipping,这将该文件的大小减少了近一半,但在 1mb 时,它仍然是不可接受的,我不明白为什么它这么大。

0 投票
1 回答
734 浏览

firefox - Firefox 3.5 不显示网络字体

我的网站上有一些@font-face 网络字体。字体和 CSS 代码是通过Font Squirrel @font-face generator 生成的。我嵌入的字体都没有在 FF 3.5 中显示。FF 4 运行没有问题。字体来自与调用网站相同的域。ATM 我通过本地 IP 呼叫本地网络上的网站。

0 投票
2 回答
636 浏览

menu - 跨越整个容器宽度的导航菜单,具有恒定的水平填充

我创建了一个导航菜单,如下面的屏幕截图所示。它跨越容器的整个宽度,每个菜单项的左/右填充是恒定的。这很容易通过硬编码 CSS 中的左/右填充来实现,但我希望填充能够随着站点管理员编辑菜单而改变。

有没有办法用纯 CSS(CSS3 可以)来做到这一点?

使用 jQuery 很容易做到这一点(我计算了菜单项的宽度并计算了必要的填充)。但由于我们使用 Google Web Fonts,我在某些浏览器上遇到了一些问题。在 Windows(不是 Mac)上的 Chrome 和 Firefox 4 上,在我的脚本运行时未加载网络字体,导致宽度测量不正确。我尝试在jQuery 的 DOM 就绪事件Google Font API 的活动事件中运行脚本。该active事件在 Chrome 中有效,但在 Firefox 4 中,它通常在应用字体之前被触发。

提前致谢。

导航菜单截图

0 投票
5 回答
10231 浏览

css - 将阿拉伯语 TTF/OTF 字体转换为 woff、eof?

首先我知道我有类似的问题

我确实为大量阿拉伯字体尝试了Font Squirrel Generator,它们都正确地用英文呈现文本,但它们都不能使用阿拉伯字母!

那么是否有一个桌面工具(因为所有网络应用程序都无法正常工作)可以在不破坏阿拉伯字体的情况下转换它们?

我已经购买了一种阿拉伯字体,我只是想转换它以便可以在网络上使用它,而且我不喜欢每月支付订阅一些花哨的网站(如fonts.com )来为我提供这些字体的想法!

如果你想知道我的 CSS,你可以去:

谢谢

0 投票
2 回答
3398 浏览

wiki - 如何将谷歌网络字体添加到 mediawiki?

google web fonts 要求在页面头部添加一个 HTML链接元素:

我找不到要修改的正确 php 文件。

我使用 mediawiki 1.17,默认皮肤“矢量”。

0 投票
5 回答
11872 浏览

fonts - 如何保护网络字体

我有一个客户想在他自己的服务器上托管他的网络字体。我有一个 font.com 帐户,直到现在为止托管了该字体。我确实遵守了fonts.com 协议(第 18 点。)他们说,您可以在自己的服务器上托管文件,但您必须尽可能地保护它们。

我能想到的唯一方法是HTTP_REFERER通过.htaccess.

我可以采取更多措施来保护这些字体吗?赚更多有什么意义吗?你认为这是一种足够的保护吗?

我个人不相信技术复制保护,你总是可以以某种方式复制你能看到的东西。但我不希望我的客户陷入法律纠纷。你有这方面的经验吗?

编辑

我对法律方面也很感兴趣。如果有人可以下载字体并重用它,会发生什么?他们是否意味着我必须只保护字体免受热链接或下载?

0 投票
2 回答
8960 浏览

css - 你如何使用小于 1px 的字母间距

我有一个网络字体,我试图让间距恰到好处。我将其设置为字母间距:.03px。在 Firefox 5 中效果很好,但我知道这不适用于跨浏览器。我能做些什么来帮助这个吗?或者这适用于哪些浏览器?

0 投票
3 回答
4283 浏览

css - 我可以使用 Google 网络字体使用自定义字体吗?

我想使用我自己的字体。如何将它与 Google 的字体加载器一起使用?

0 投票
3 回答
1715 浏览

javascript - Google/Typekit Webfont-Loader 不检测非 ASCII 字体

我正在使用Google webfont loader,但我无法让fontactive回调工作。字体正在页面上呈现,但由于某种原因回调没有触发。(而是等待 5 秒,然后fontinactive回调触发。)我怀疑问题在于我如何将两个变量声明给函数。

编辑:问题可能与字体有关,而不是我如何声明变量。字体加载器成功检测到“STIXGeneral”字体系列何时加载,其中包含常规字母字符。

fontactive回调的文档在这里。我还没有找到任何使用fontactive回调的例子。

我在下面发布了我的代码副本。


来自 Javascript:


来自 STIX-fonts.css: