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

reactjs - Fully include Google web font in create-react-app build (without ejecting)

I need to include a Google web font in the build of a React webapp using create-react-app. This is, because the app will be served on a wifi without internet access. The most straightforward solution seems to be google-fonts-webpack-plugin, but it needs a customized webpack config.

Is there any "simple" solution that downloads and includes all the web font resources automagically without the requirement to eject from create-react-app?

0 投票
2 回答
1132 浏览

css - 如何使用谷歌字体中的常规、浅色和粗体字体使用链接?

我需要三种 Ubuntu 字体。我不想下载它们。

我把这个链接放在标签中: <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,700" rel="stylesheet">

在 Google 教程中:“使用以下 CSS 规则指定这些系列:font-family: 'Ubuntu', sans-serif;”。

如何使用 Ubuntu Light 和 Ubuntu 粗体字体?如我所见,它与 ; 不一样font-weight: bold。或font-weight: 300;。

0 投票
1 回答
79 浏览

css - Letterspacing 不适用于特定的双字母

我需要为一个网页实现一个设计,其中包括名为“ Abril Fatface ”的谷歌 Webfont 和一些字母间距。

这是我发现一些奇怪行为的地方。

字母tf似乎忽略了字母空间设置,但前提是它们出现在彼此后面。如果它们在其他字母之间,它们会按预期工作,而且似乎只发生在tandf上。

有人知道为什么会这样吗?

我用浏览器的默认字体 Segoe 或 Arial 尝试了这个,我不确定,它似乎在那里工作正常。这是故意的吗?我不知道有什么原因要删除字母间距,尤其是那里?或者它是一个网络字体错误?

0 投票
1 回答
600 浏览

asp.net-core - 渲染不带字体的 PDF

我是 C# 开发人员,在使用 Web 字体呈现 PDF 文档时遇到问题。我的文档没有字体呈现(http://localhost:60757/Home/DownloadPdf),但在我的浏览器中呈现的视图看起来不错(http://localhost:60757/Home/PdfTemplate)。我试图找到一个解决方案并阅读字体(https://jsreport.net/blog/fonts-in-pdf),但我无法解决它。

我包括我的 github 项目:https ://github.com/Dev781/App

有任何想法吗?

0 投票
1 回答
35 浏览

google-fonts - 谷歌字体适用于桌面网站,但不适用于移动设备?

我在我的网站上使用谷歌字体,字体在桌面上完美加载,但在移动设备上却没有。通过 css @import 包含字体。

0 投票
0 回答
1054 浏览

javascript - 同步加载谷歌字体

我遇到了一个有点不寻常的问题。似乎无法同步加载外部字体

我尝试了css中的@import和一个简单的标题链接标签,它们都在异步加载字体。

我不知道这是否是当今浏览器的新标准?

如何使文档挂起/等待/循环,直到某些字体(谷歌字体)被加载并准备好使用

目的是什么?

在大多数网站上,我们不关心在某些标准无衬线字体上显示内容,然后将其替换为自定义字体。但在这种情况下不是。我正在运行一个使用这种字体打印一些文本的 webgl 画布。当我在渲染此画布时使用一些 2000 毫秒 setTimeout 时,它可以工作,但这显然不是解决方案。

关于如何等待字体准备好的任何线索?

0 投票
0 回答
339 浏览

css - 从不同来源多次导入相同的字体有害吗?

问题:
在我的 HTML 文件中,我有:

我希望无法访问fonts.googleapis.com但可以访问我的网站的用户可以使用该字体。

我采用的解决方案:我按照 google-webfonts.helper 中
的步骤提供了一个本地托管的替代方案。再具体一点:

  1. roboto.css在我的/assets文件夹下创建了一个文件,并在上面的链接中粘贴了第 3 步中的代码。
  2. 下载了下的字体/assets/fonts
  3. 添加到index.html<link href="/assets/roboto.css" rel="stylesheet">

确认:我仍然有最初的谷歌字体。即,我的index.html有:

问题:
(1)以这种方式双重导入是否有害?
(2) 我做的对吗?
(3)有没有更好的方法来实现我想要的?

0 投票
2 回答
851 浏览

css - 如何根据媒体查询有效地使用不同的字体权重

当屏幕大小改变时,谷歌字体粗细不会改变。这是使用@import 更改小屏幕中字体粗细的正确方法还是有其他方法?

0 投票
1 回答
3937 浏览

python - PyQt5:使用谷歌字体

是否可以在 PyQt5 应用程序中使用谷歌字体?我正在尝试向像素图中添加一些文本,并希望能够在可能的情况下使用谷歌字体。https://fonts.google.com/

我无法在网上找到任何关于此的内容。

如果可能的话,关于如何完成这项工作的任何想法?提前致谢

0 投票
2 回答
276 浏览

html - IE11 无法正确显示谷歌字体(仅波兰语标志)

我使用 Fira-sans、sans-serif 和波兰语标志在 IE 11 上不起作用。我的代码:

有人知道如何解决吗?