问题标签 [google-fonts]

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

css - 是否有导入 Google 字体所有权重的快捷方式?

在 CSS 文件中,我想 @import 谷歌字体的所有权重和样式,比如 Roboto 或 Roboto Slab,以进行实验。稍后我可以修剪到仅需要样式的列表。有没有捷径,而不是将整个列表放在@import 中?

0 投票
1 回答
55 浏览

html - IE在网页上下载谷歌字体240秒?

修复网站相关问题仍然是一种新事物。我发现在 IE 11 中清除缓存并加载我的网站后,Google 字体在我的网页最终加载前 240 秒下载。我包括图像:http://imgur.com/p5mILNV

有人可以告诉我我做错了什么吗?

谢谢!

0 投票
4 回答
4187 浏览

html - 谷歌字体加载优化和缓存

谷歌的页面速度测试只显示了一个问题:

消除首屏内容中的渲染阻塞 JavaScript 和 CSS 您的页面有 1 个阻塞 CSS 资源。这会导致呈现页面的延迟。
如果不等待以下资源加载,则无法呈现页面上的任何首屏内容。尝试延迟或异步加载阻塞资源,或直接在 HTML 中内联这些资源的关键部分。
优化以下 CSS 交付:
https ://fonts.googleapis.com/css?family=Roboto:300,400

加载为 fonts.google.com 的字体推荐:

<head />标签内。

据我所知,没有办法控制谷歌的字体缓存,而且这个 url 的输出取决于用户代理,所以在本地分发字体没有意义。所以,问题是:我想用它做什么?我如何满足谷歌的速度测试?

0 投票
2 回答
2093 浏览

html - 我可以缩小谷歌字体吗?

有没有办法从服务器压缩谷歌字体?当我从 google 的服务器获取字体的 css 时,它看起来像这样:

样式未压缩(删除评论并删除空格),因此我在 PageSpeed Insights 上的声誉较低,这意味着 SEO 较少,而且我在网页中的表现也较差。我不想使用@import,因为不推荐。

0 投票
0 回答
120 浏览

google-fonts - 谷歌字体子集问题

我对一些不适用于谷歌字体的字符有疑问。

见:https ://jsfiddle.net/p3ervgp4/

就像“Ą”不工作。我已经添加了&subset=latin,latin-ext参数,但这并没有解决问题。

只有当我添加角色时才&text=Ą起作用。所以我可以证明字体支持这些字符。但这不是我将所有可能的字符添加到文本参数的选项。

知道如何修复这些字符吗?

0 投票
1 回答
167 浏览

gimp - 使用谷歌字体/拉托创建徽标的开源工具

我正在寻找可用于创建基于文本的徽标的开源工具。我想使用 Google Fonts 系列的 Lato 字体。我尝试过 Gimp 和 Pencil Project,但都没有成功。有什么建议/建议吗?

0 投票
1 回答
302 浏览

css - 谷歌字体全部大写字符高度不一致

几年来,我一直在使用谷歌字体(Varela),突然间我注意到由于某种原因,大小为 12 像素或更小的大写单词现在似乎显示字母之间的高度不一致。

这在我几年前制作的网站上的此页面的页脚中可见

澄清一下,是的,我在 StackOverflow 上看到过其他文章,例如this other post,但这似乎有所不同,因为该帖子表明这是 Chrome 的特定问题,而我的问题似乎并非如此。

有没有人经历过类似的事情?

0 投票
2 回答
1288 浏览

firefox - Cannot print this document yet, it is still being loaded - Firefox Printer Error

My API generates dynamic HTML document and dumps it into a popup window like so:

After the document is reviewed by a user, they can print it calling

Chrome handles it without any problems, but Firefox shows a Printer error:

"Cannot print this document yet, it is still being loaded"

Printer window opens only if I hit Ctrl+R.

It appears that $(document).ready() never happens in firefox and it keeps waiting for something to load.

Status bar in popup says Read fonts.gstatic.com

Here's a brief content of a document:

I have a feeling it has something to do with Google fonts. Any help is appreciated

0 投票
3 回答
3120 浏览

webpack - 将“google-fonts-webpack-plugin”集成到“vue-webpack”构建过程中

我目前正在尝试将静态离线字体集成到我的 Webpack 构建过程中。我使用vue-webpack构建过程作为构建过程的基础。

我发现了这个不错的库google-fonts-webpack-plugin,它提供了所有的字体文件和一个 CSS 文件。

我将它集成到现有的vue-webpack产品构建中,如下所示:

google-fonts-webpack-plugin 生成的文件似乎完全独立于其他定期生成的文件。这意味着,结果fonts.css不是版本化 CSS 文件的一部分。在dist/文件夹中,出现fonts.css了一个目录fonts/,但它们甚至不像static/文件夹中的其他所有内容一样。

我怎样才能将这个库挂钩到常规的 CSS/字体构建过程中vue-webpack,以便fonts.css在版本化的 CSS 文件和static/fonts目录中的字体文件中结束?

0 投票
0 回答
30 浏览

php - 关于 Facebook 重定向后的 Google 字体

我在我的网站上使用上传的谷歌字体。当我在浏览器上打开 url 时它可以工作,但是当我在 facebook 上分享它时。它可以在台式机上使用,但不能在手机上使用

重定向:https ://l.facebook.com/l.php?u=http://website

我找不到问题。我应该怎么办?