问题标签 [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 回答
2365 浏览

html - 当网络字体加载缓慢时恢复为无样式文本?

我正在使用 Google 网络字体,如下所示:

在 Chrome 中工作时,没有“无样式文本的闪烁”(如本Typekit 博客文章中所述)。相反,在网络字体下载完成之前,文本根本不会加载。

通过快速连接,这很棒,因为字体异步加载并且非常快。但是,在连接速度较慢的情况下,页面在几秒钟内看起来像是空的,直到加载了 Web 字体——可用性很差。

有没有一种聪明的方法可以先在格鲁吉亚显示文本,然后在资源加载后添加 Vollkorn 字体?

我想我要说的是我实际上很喜欢“无样式文本的闪烁”,而不是空白页,并且想强制执行这种行为。

0 投票
5 回答
10634 浏览

css - Chrome 中的网络字体

我有一个在 Firefox 上看起来很棒的网络字体,而不是在 Chrome 上。我尝试过使用该text-rendering物业,但效果并不理想。我的 CSS 是这样的:

更改text-rendering在 Firefox 中似乎没有任何作用,所以我发布了一个屏幕截图。

结果:

  • Firefox(又名“它应该是什么样子”)

    在此处输入图像描述

  • 铬合金 -text-rendering: auto

    在此处输入图像描述

  • 铬合金 -text-rendering: optimizeLegibility

    在此处输入图像描述

  • 铬合金 -text-rendering: optimizeSpeed

    在此处输入图像描述

  • 铬合金 -text-rendering: geometricPrecision

    在此处输入图像描述

与 Firefox 相比,所有 Chrome 屏幕截图看起来都非常糟糕。CSS中是否缺少我的东西?

我使用的是 Windows 7、Firefox 8.0 和 Chrome 15.0。

0 投票
4 回答
3317 浏览

performance - 如果我使用多种字体,是否可以将 Google Web Fonts 减少为一个请求?

我在我的网站上进行了速度测试,其中一个建议是减少我的外部请求。我正在使用 3 个 Google Web 字体,实际上是 3 个单独的请求。是否可以将这些组合成 1 个请求?

0 投票
1 回答
1769 浏览

font-face - 嵌入式 Web 字体和常规 TrueType 桌面字体有什么区别?

我有一个很好的免费桌面字体,它也可以免费用于网络上的字体嵌入。该字体使用阿拉伯语 Unicode,它是 TrueType 桌面字体。

我想在我的网站上使用这种字体。大多数网络字体转换器或生成器(如 font squirrel 和 typeface.js)的问题是单独渲染字母,而不是链接在一起。

我使用这个 Unicode 范围来创建网络字体:

这应该转换所有阿拉伯 Unicode 字符,并且应该使字母链接在一起或连接在一起,就像在桌面字体上发生的那样,但不会发生。

我可以只使用桌面字体文件本身而不转换它吗?常规桌面字体和网络嵌入字体有什么区别?顺便说一句,字体桌面文件只有 27kb,我在 Firefox 中进行了测试。如果安装在系统上(当然它在我的电脑上),它工作得很好。

0 投票
0 回答
151 浏览

javascript - 网页字体错误下载字体

我正在使用monotype foundry fonts.com的webfonts 服务,它在几台机器上运行良好,我在家里的另一台计算机上尝试过,但下载失败。在 Firefox、Safari 和 chrome 中

这是来自 Firefox 错误控制台的错误截图。错误控制台

有人知道发生了什么吗?谁能告诉我这个错误是什么意思?

非常感谢

0 投票
2 回答
3072 浏览

fonts - 将 Webfonts 转换为 ttf / otf 格式 - 甚至可能吗?

我有一个我在网站上使用的字体,我有以下格式:woff、eot、svg。

现在,我正在和一位设计师合作,他想用这种字体创建模型,但我找不到原始的 ttf 文件。

是否可以将 SVG 字体文件的 WOFF 或 EOT 转换回 TTF 或 OTF?

任何帮助将非常感激!

谢谢

0 投票
1 回答
1048 浏览

css - 我的一种 Web 字体无法在 Firefox 上呈现

我的网站上安装了两种网络字体,一种在 Firefox 上运行,而另一种则没有。如果您在 Chrome 上查看,这两种 Google 网络字体都可以完美运行。这是我的代码:

网站是http://www.journeytoearth.com/

提前感谢您的任何帮助和解决方案。

0 投票
4 回答
5472 浏览

javascript - 是否可以使用自定义字体 - 使用字体?

我能够在网页中嵌入字体并设置字体样式以在 Android 和 iPhone 上查看,并且效果很好。但是,它不会在 Windows Phone 7.5 上呈现。

我尝试将字体嵌入到 CSS 中:

...并且还提供了 eot / ttf 文件,使用适用于所有其他浏览器的声明 -

...但仍然没有运气。我不敢相信新的 Windows 手机不允许嵌入字体,并且只支持有限的字体列表,如下所述:

http://msdn.microsoft.com/en-us/library/hh202920%28v=vs.92%29.aspx

即使它是一个 Javascript 渲染解决方案,任何见解/提示或技巧都会很棒......必须有某种解决方法!

0 投票
2 回答
1949 浏览

android - Android 2.3.4 不加载 FontSquirrel 字体?

我一直在使用 Pictos 和 FontSquirrel 在我们的网络应用程序上制作精美的舞蹈图标和排版。今天我看到 Droid 手机和 Android 2.3.4(在 VirtualBox 上运行)根本不显示字体。作为记录,谷歌自己的网络字体确实可以正常显示。

有没有已知的工作?

0 投票
2 回答
779 浏览

http - 允许仅从我的域提供某些文件(如字体)——特定的技术需求

我有一个为我们的静态内容提供服务的 CDN。来自因特纳普。

为了使我的 html 中的 CDN url 更可口,我的 DNS 设置中有一个“CNAME”条目:

cache.mysite.com => CNAME 指向 Internap

Internap 服务器是一个源拉服务器。所以我的域有一个指向 CDN 的“/public_html/cache”文件夹。

我放在这里的一些文件我只想从我自己的域中提供服务。

同样重要的是我的网站落后于 Nginx。那是前端服务器,提供所有静态文件,如 ttf/woff/eot/css/js/gif 等。只有 PHP 需要在后端代理到 Apache。

我遇到了“访问控制允许来源”指令。Nginx 也有办法做到这一点(有用的 ServerFault 文章和有用的StackOverFlow 文章),但我只想限制来自我拥有的某些域的访问。

我有点困惑的原因是因为我在提供字体和管理访问方面有三层:

  • 内容分发网络
  • Nginx 静态服务器
  • Apache(可能根本不需要,因为 Nginx 将文件提供给 CDN,然后 CDN 接管?)

我的问题:

  1. 我应该如何在 Nginx 中指定一些选择域。“*”真的不是我需要的。这是否适用于我的域并涵盖相关的子域 -
  1. 我应该在 Nginx 的什么地方指定这个块。在与我提供字体的特定域相关的 vhost 文件中(cache.mysite.com前面提到过)还是在整个 Nginx 配置中?

  2. 我需要 Apache 的东西吗?如果 Nginx 已经在处理 webfont 格式并控制对它的访问。

谢谢!