问题标签 [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 投票
1 回答
829 浏览

webfonts - 如何检测无法从谷歌网络字体加载字体

我正在加载谷歌网络字体以显示一些文本字符串。

我想要做的是,如果在任何情况下如果谷歌网络字体无法加载(可能是超时或网络问题等),我想显示图像而不是落入字体系列堆栈。

那么有没有办法检测谷歌网络字体是否已成功加载?这样我就可以实现类似的东西

0 投票
1 回答
101 浏览

webfonts - 列出所有 Google 网络字体的任何资源?

在 Google 推出新的 Google Webfonts 目录之前,我过去常常通过 PHP 正则表达式动态读取所有字体并将它们输出到表单中,以便可以在任何 Google Webfont 可用时立即使用它,而无需手动将其添加到列表中。现在,这已经不可能了。有谁知道我们仍然可以自动获取字体的提要或其他“静态”资源?

最好的问候, .wired

0 投票
1 回答
98 浏览

fonts - 整个页面上的非系统字体 - 坏主意?

客户想要为他们的整个网站(所有正文、子菜单等)添加网络字体。

通常你知道它通常只有标题、主要导航、标语等。

这里有任何主要的性能问题吗?不确定我是否喜欢整个网站都使用非系统字体的想法。

阿迪。

0 投票
2 回答
714 浏览

typography - 如何删除 h 标签上的填充/边距?

我有 99% 的把握我没有在这里忽略某些东西。我已经完成了通常的重置,h 标签上没有边距或填充,line-height:100% 等等等。但是在 h 标签的上方和下方仍然有大约 2 或 3px 的填充。在大多数主要网站上都是一样的,所以我猜这是不可避免的吗?这似乎是一个没有实际意义的问题,但它稍微弄乱了我的对齐方式。

那么是否存在一些不可避免的问题,即无论您做什么,所有字体周围都有轻微的填充?

0 投票
1 回答
8724 浏览

html - 是否可以通过离线存储缓存清单加载 webfonts?

我知道我可以通过 html/css 导入我的字体,但我想知道这是否是一种可行的方法。

谢谢!

0 投票
1 回答
274 浏览

internet-explorer - Drupal:没有任何 CSS3 不能在 IE 上运行?特别是谷歌网络字体。这段代码正确吗?

我目前正在研究 www.liganet.net,它在 Chrome 和 Firefox 中看起来还不错。但是用任何 Internet Explorer 版本查看它……圆角消失了,一切看起来都很糟糕。特别是 Google Webfonts。我已经安装了 Drupal 模块“Google Fonts”,所以我可以更轻松地使用 Google 字体。但我认为这个问题与 Drupal 无关。

这是应该以 webfonts 格式显示页面标题的代码:

所以这三个链接应该定义标题显示的方式。IE 不会显示谷歌字体。

这里有一些根本不会出现的圆形边框、阴影和丝带!

已经检查了所有代码都应该在 IE 中工作,也许我忘记了什么?我真的很感激对此的一些帮助或指导。谢谢!罗莎蒙达

更新:

感谢您的回答!我试图理解错误,特别是与 webfonts 相关的错误。您好心告诉我的网站http://jigsaw.w3.org告诉我代码应该说:

但是在我的 .css 文件中更改它之后,它将无法工作。许多错误属于可以正常工作的 Drupal 模块,而与 webfonts 相关的错误应该通过添加到文件中的那些行来修复。

但它不会工作...

0 投票
1 回答
119 浏览

html - 网络字体格式不正确?

我正在通过 css 使用 webfonts,我注意到我选择 BPreplay 的字体在网络上看起来与在我的本地主机上不同......就像一些字母的形状不正确......为什么会这样?

0 投票
5 回答
35900 浏览

html - 我对阿拉伯语的“网络字体”选择是什么?

我正在开发一个完全使用阿拉伯语的 WordPress 网站(后端除外)。我是一个说英语的人,在我作为 Web 开发人员的时候从来没有处理过阿拉伯语。我有哪些字体选择应该可以在绝大多数阿拉伯语使用者的电脑上使用?

0 投票
2 回答
4372 浏览

webfonts - 使用网络字体

我在我的新网站中使用了一些在普通用户计算机上默认不存在的字体。经过一番搜索,我发现有些工具可能会有所帮助,例如Google web-fonts
我使用的字体是:BebasSansationQuicksand
但我在 Google 网络字体上找不到它们。
我该如何使用这些字体?
还有哪些其他跨浏览器解决方案?

0 投票
1 回答
716 浏览

web - 如何在网页上正确使用装饰字体

我想为网站尝试一些装饰性字体,例如这个(仅作为示例):

http://www.dafont.com/nymphette.font

像往常一样,对于网络,必须验证字体和许可的格式兼容性 - 没问题。这个问题是关于在没有副作用的页面中正确集成的。正如您在字符表中看到的,装饰被映射到常规字符——例如“A”。假设我想使用映射到 A 的装饰;如果网页是在不支持外部字体的浏览器上使用的,当字体还没有下载时,装饰会呈现为“A”,这很混乱;具有可访问性支持的浏览器可能会大声说出这封信,等等......

如何避免这种情况?

谢谢。

PS 当然,使用简单的图像装饰看起来更简单。我的问题与解决问题无关,而是尝试使用这种方法并了解其可行性。

** 更新:我澄清我知道如何在 CSS 中嵌入字体,并且我已经在使用 Google 的一些“常规”(字母)字体。字母字体和装饰字体之间的区别在于,显然您使用前者对可读文本进行编码;您可以通过指定“衬线”等后备来最大程度地减少加载过程中的不便......使用装饰字体,您正在使用字符来表示图形,因此我对此表示怀疑。