问题标签 [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.
css - 是否有导入 Google 字体所有权重的快捷方式?
在 CSS 文件中,我想 @import 谷歌字体的所有权重和样式,比如 Roboto 或 Roboto Slab,以进行实验。稍后我可以修剪到仅需要样式的列表。有没有捷径,而不是将整个列表放在@import 中?
html - 谷歌字体加载优化和缓存
谷歌的页面速度测试只显示了一个问题:
消除首屏内容中的渲染阻塞 JavaScript 和 CSS 您的页面有 1 个阻塞 CSS 资源。这会导致呈现页面的延迟。
如果不等待以下资源加载,则无法呈现页面上的任何首屏内容。尝试延迟或异步加载阻塞资源,或直接在 HTML 中内联这些资源的关键部分。
优化以下 CSS 交付:
https ://fonts.googleapis.com/css?family=Roboto:300,400
加载为 fonts.google.com 的字体推荐:
<head />
标签内。
据我所知,没有办法控制谷歌的字体缓存,而且这个 url 的输出取决于用户代理,所以在本地分发字体没有意义。所以,问题是:我想用它做什么?我如何满足谷歌的速度测试?
html - 我可以缩小谷歌字体吗?
有没有办法从服务器压缩谷歌字体?当我从 google 的服务器获取字体的 css 时,它看起来像这样:
样式未压缩(删除评论并删除空格),因此我在 PageSpeed Insights 上的声誉较低,这意味着 SEO 较少,而且我在网页中的表现也较差。我不想使用@import,因为不推荐。
google-fonts - 谷歌字体子集问题
我对一些不适用于谷歌字体的字符有疑问。
见:https ://jsfiddle.net/p3ervgp4/
就像“Ą”不工作。我已经添加了&subset=latin,latin-ext
参数,但这并没有解决问题。
只有当我添加角色时才&text=Ą
起作用。所以我可以证明字体支持这些字符。但这不是我将所有可能的字符添加到文本参数的选项。
知道如何修复这些字符吗?
gimp - 使用谷歌字体/拉托创建徽标的开源工具
我正在寻找可用于创建基于文本的徽标的开源工具。我想使用 Google Fonts 系列的 Lato 字体。我尝试过 Gimp 和 Pencil Project,但都没有成功。有什么建议/建议吗?
css - 谷歌字体全部大写字符高度不一致
几年来,我一直在使用谷歌字体(Varela),突然间我注意到由于某种原因,大小为 12 像素或更小的大写单词现在似乎显示字母之间的高度不一致。
这在我几年前制作的网站上的此页面的页脚中可见
澄清一下,是的,我在 StackOverflow 上看到过其他文章,例如this other post,但这似乎有所不同,因为该帖子表明这是 Chrome 的特定问题,而我的问题似乎并非如此。
有没有人经历过类似的事情?
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
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
目录中的字体文件中结束?
php - 关于 Facebook 重定向后的 Google 字体
我在我的网站上使用上传的谷歌字体。当我在浏览器上打开 url 时它可以工作,但是当我在 facebook 上分享它时。它可以在台式机上使用,但不能在手机上使用
重定向:https ://l.facebook.com/l.php?u=http://website
我找不到问题。我应该怎么办?