问题标签 [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.
javascript - 如何找出浏览器是否支持网络字体或不使用 javascript?
我只想要一段代码来检查浏览器是否支持 CSS3 网络字体。
例如,我有一个 12px 的字体看起来太小了,所以我必须将它设置为 16px,但是如果使用不支持 webfonts 的浏览器查看页面,则文本看起来太大。
css - 对 2 种字体使用 @font-face 会导致速度大幅下降
这是我第一次使用@font-face。字体包来自 myfonts.com,我目前正在 Safari 中进行测试,并通过网络检查器注意到加载 2 种字体的 css 文件显示为近 2mb-download !字体似乎以base64编码的形式存在。该包不包含实际的 .otf 文件。
我已经通过 .htaccess 文件添加了 Gzipping,这将该文件的大小减少了近一半,但在 1mb 时,它仍然是不可接受的,我不明白为什么它这么大。
firefox - Firefox 3.5 不显示网络字体
我的网站上有一些@font-face 网络字体。字体和 CSS 代码是通过Font Squirrel @font-face generator 生成的。我嵌入的字体都没有在 FF 3.5 中显示。FF 4 运行没有问题。字体来自与调用网站相同的域。ATM 我通过本地 IP 呼叫本地网络上的网站。
menu - 跨越整个容器宽度的导航菜单,具有恒定的水平填充
我创建了一个导航菜单,如下面的屏幕截图所示。它跨越容器的整个宽度,每个菜单项的左/右填充是恒定的。这很容易通过硬编码 CSS 中的左/右填充来实现,但我希望填充能够随着站点管理员编辑菜单而改变。
有没有办法用纯 CSS(CSS3 可以)来做到这一点?
使用 jQuery 很容易做到这一点(我计算了菜单项的宽度并计算了必要的填充)。但由于我们使用 Google Web Fonts,我在某些浏览器上遇到了一些问题。在 Windows(不是 Mac)上的 Chrome 和 Firefox 4 上,在我的脚本运行时未加载网络字体,导致宽度测量不正确。我尝试在jQuery 的 DOM 就绪事件和Google Font API 的活动事件中运行脚本。该active
事件在 Chrome 中有效,但在 Firefox 4 中,它通常在应用字体之前被触发。
提前致谢。
css - 将阿拉伯语 TTF/OTF 字体转换为 woff、eof?
首先我知道我有类似的问题,
我确实为大量阿拉伯字体尝试了Font Squirrel Generator,它们都正确地用英文呈现文本,但它们都不能使用阿拉伯字母!
那么是否有一个桌面工具(因为所有网络应用程序都无法正常工作)可以在不破坏阿拉伯字体的情况下转换它们?
我已经购买了一种阿拉伯字体,我只是想转换它以便可以在网络上使用它,而且我不喜欢每月支付订阅一些花哨的网站(如fonts.com )来为我提供这些字体的想法!
如果你想知道我的 CSS,你可以去:
谢谢
wiki - 如何将谷歌网络字体添加到 mediawiki?
google web fonts 要求在页面头部添加一个 HTML链接元素:
我找不到要修改的正确 php 文件。
我使用 mediawiki 1.17,默认皮肤“矢量”。
fonts - 如何保护网络字体
我有一个客户想在他自己的服务器上托管他的网络字体。我有一个 font.com 帐户,直到现在为止托管了该字体。我确实遵守了fonts.com 协议(第 18 点。)他们说,您可以在自己的服务器上托管文件,但您必须尽可能地保护它们。
我能想到的唯一方法是HTTP_REFERER
通过.htaccess
.
我可以采取更多措施来保护这些字体吗?赚更多有什么意义吗?你认为这是一种足够的保护吗?
我个人不相信技术复制保护,你总是可以以某种方式复制你能看到的东西。但我不希望我的客户陷入法律纠纷。你有这方面的经验吗?
编辑
我对法律方面也很感兴趣。如果有人可以下载字体并重用它,会发生什么?他们是否意味着我必须只保护字体免受热链接或下载?
css - 你如何使用小于 1px 的字母间距
我有一个网络字体,我试图让间距恰到好处。我将其设置为字母间距:.03px。在 Firefox 5 中效果很好,但我知道这不适用于跨浏览器。我能做些什么来帮助这个吗?或者这适用于哪些浏览器?
css - 我可以使用 Google 网络字体使用自定义字体吗?
我想使用我自己的字体。如何将它与 Google 的字体加载器一起使用?
javascript - Google/Typekit Webfont-Loader 不检测非 ASCII 字体
我正在使用Google webfont loader,但我无法让fontactive
回调工作。字体正在页面上呈现,但由于某种原因回调没有触发。(而是等待 5 秒,然后fontinactive
回调触发。)我怀疑问题在于我如何将两个变量声明给函数。
编辑:问题可能与字体有关,而不是我如何声明变量。字体加载器成功检测到“STIXGeneral”字体系列何时加载,其中包含常规字母字符。
fontactive
回调的文档在这里。我还没有找到任何使用fontactive
回调的例子。
我在下面发布了我的代码副本。
来自 Javascript:
来自 STIX-fonts.css: