问题标签 [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.
html - 当网络字体加载缓慢时恢复为无样式文本?
我正在使用 Google 网络字体,如下所示:
在 Chrome 中工作时,没有“无样式文本的闪烁”(如本Typekit 博客文章中所述)。相反,在网络字体下载完成之前,文本根本不会加载。
通过快速连接,这很棒,因为字体异步加载并且非常快。但是,在连接速度较慢的情况下,页面在几秒钟内看起来像是空的,直到加载了 Web 字体——可用性很差。
有没有一种聪明的方法可以先在格鲁吉亚显示文本,然后在资源加载后添加 Vollkorn 字体?
我想我要说的是我实际上很喜欢“无样式文本的闪烁”,而不是空白页,并且想强制执行这种行为。
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。
performance - 如果我使用多种字体,是否可以将 Google Web Fonts 减少为一个请求?
我在我的网站上进行了速度测试,其中一个建议是减少我的外部请求。我正在使用 3 个 Google Web 字体,实际上是 3 个单独的请求。是否可以将这些组合成 1 个请求?
font-face - 嵌入式 Web 字体和常规 TrueType 桌面字体有什么区别?
我有一个很好的免费桌面字体,它也可以免费用于网络上的字体嵌入。该字体使用阿拉伯语 Unicode,它是 TrueType 桌面字体。
我想在我的网站上使用这种字体。大多数网络字体转换器或生成器(如 font squirrel 和 typeface.js)的问题是单独渲染字母,而不是链接在一起。
我使用这个 Unicode 范围来创建网络字体:
这应该转换所有阿拉伯 Unicode 字符,并且应该使字母链接在一起或连接在一起,就像在桌面字体上发生的那样,但不会发生。
我可以只使用桌面字体文件本身而不转换它吗?常规桌面字体和网络嵌入字体有什么区别?顺便说一句,字体桌面文件只有 27kb,我在 Firefox 中进行了测试。如果安装在系统上(当然它在我的电脑上),它工作得很好。
javascript - 网页字体错误下载字体
我正在使用monotype foundry fonts.com的webfonts 服务,它在几台机器上运行良好,我在家里的另一台计算机上尝试过,但下载失败。在 Firefox、Safari 和 chrome 中
这是来自 Firefox 错误控制台的错误截图。
有人知道发生了什么吗?谁能告诉我这个错误是什么意思?
非常感谢
fonts - 将 Webfonts 转换为 ttf / otf 格式 - 甚至可能吗?
我有一个我在网站上使用的字体,我有以下格式:woff、eot、svg。
现在,我正在和一位设计师合作,他想用这种字体创建模型,但我找不到原始的 ttf 文件。
是否可以将 SVG 字体文件的 WOFF 或 EOT 转换回 TTF 或 OTF?
任何帮助将非常感激!
谢谢
css - 我的一种 Web 字体无法在 Firefox 上呈现
我的网站上安装了两种网络字体,一种在 Firefox 上运行,而另一种则没有。如果您在 Chrome 上查看,这两种 Google 网络字体都可以完美运行。这是我的代码:
网站是http://www.journeytoearth.com/
提前感谢您的任何帮助和解决方案。
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 渲染解决方案,任何见解/提示或技巧都会很棒......必须有某种解决方法!
android - Android 2.3.4 不加载 FontSquirrel 字体?
我一直在使用 Pictos 和 FontSquirrel 在我们的网络应用程序上制作精美的舞蹈图标和排版。今天我看到 Droid 手机和 Android 2.3.4(在 VirtualBox 上运行)根本不显示字体。作为记录,谷歌自己的网络字体确实可以正常显示。
有没有已知的工作?
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 接管?)
我的问题:
- 我应该如何在 Nginx 中指定一些选择域。“*”真的不是我需要的。这是否适用于我的域并涵盖相关的子域 -
我应该在 Nginx 的什么地方指定这个块。在与我提供字体的特定域相关的 vhost 文件中(
cache.mysite.com
前面提到过)还是在整个 Nginx 配置中?我需要 Apache 的东西吗?如果 Nginx 已经在处理 webfont 格式并控制对它的访问。
谢谢!