问题标签 [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 回答
1580 浏览

google-chrome - Chrome 更喜欢网络字体而不是本地字体

我不了解 Chrome 加载谷歌字体的方式。这是我的html:

我的 Windows 10 机器上安装了 Montserrat Regular。据此:https://fonts.googleapis.com/css?family=Montserrat,本地安装的字体优先。

但是当我检查开发工具时,Chrome 在“渲染字体”下报告 - 蒙特塞拉特(网络资源 -93 字形)

我在 Firefox(报告“Montserrat Regular - System”)和 Edge(报告“Montserrat Regular 使用了 Montserrat(本地,系统,95 个字符)”上对此进行了测试。

为什么 Chrome 更喜欢网络资源而不是本地安装的字体?

0 投票
1 回答
3136 浏览

content-security-policy - Google fonts blocked by Content Security Policy

Hi i have some content security policy like this:

I was try to allow a google fonts, but it give me this error:

webfont.js:17 Refused to load the stylesheet 'http://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700%7CRoboto:300,400,500,600,700' because it violates the following Content Security Policy directive: "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com/".

so what can caused this error? i though i already exclude it from my policy.

0 投票
2 回答
6386 浏览

angular - 如何在本地使用谷歌字体而不是在 Angular 4 项目中导入

我在我的 Angular 4 项目 scss 文件中导入谷歌字体网址,如下所示,

我如何下载/安装它们并在 Angular 4 scss 文件中本地使用,而不是直接导入 url。

任何解决方案都会有所帮助。

0 投票
2 回答
1007 浏览

html - 字体 Lato,加粗一些捷克字符

我在网站上使用“Lato”字体。波兰语和英语中的字符显示正确,而一些捷克语字符显示为粗体。下面你可以看到这 3 个字符是加粗的。这个问题的原因是什么?这是字体问题还是浏览器问题?

附加打印屏幕

0 投票
0 回答
729 浏览

html - 无法在 CSS 文件中使用 @import 将谷歌字体嵌入到 HTML 文件中

我正在尝试学习网页设计,目前我正在学习 HTML 和 CSS。我想使用 @import 将谷歌的无衬线字体嵌入到我的 CSS 文件中,并将其放在我的 CSS 文件的顶部以更改我的 HTML 页面的字体。但在使用各种网络浏览器(Chrome、IE、Opera 等)保存并打开 Index.html 文件后,我看不到任何字体变化。但是当我将我的 HTML 和 CSS 代码粘贴到http://codepen.io在线编辑器时,会出现更改,并且我可以看到字体更改。

我使用以下代码将 CSS 文件链接到我的 Index.html 文件:

我的 CSS 文件只包含以下代码:

这是我的 HTML 和 CSS 文件:

https://drive.google.com/file/d/1nPvXFAYIYWQOM4YtZ7-iEtkUPXX8LsxP/view?usp=sharing

代码有什么问题还是我的 Windows 设置有问题?任何帮助都将受到高度赞赏。

0 投票
0 回答
130 浏览

android - 需要通过 ResourcesCompat.getFont 以编程方式设置无法从 Android XML 布局文件(有时)使用的 Google 字体

谷歌最近让谷歌字体可以在 Android 中使用,这太棒了!将字体应用于 TextView 的最简单/最直接的方法(假设字体已存在于字体资源文件夹中,通过在设计窗口中选择 TextView 非常容易)是将其直接应用于像这样的TextView

这在我尝试的第一个活动中效果很好,但是当我尝试在第二个活动中使用完全相同的设置时它失败了。不会从 XML 属性中读取字体android:fontFamily,即使对于我在之前的活动中使用的完全相同的字体也是如此。

幸运的是,我仍然能够通过像这样以编程方式设置字体来使字体正常工作

但这是一种痛苦并且变得麻烦。我想我只是要继承 TextView 并自己阅读字体,这样我就可以在 XML 中再次使用它们,因为我觉得这是一个错误(考虑到它在一个活动而不是另一个活动中工作,而且因为这是一个相对较新的功能) 但想知道是否有其他人遇到过这个问题或有任何解决方案的想法?

0 投票
1 回答
205 浏览

svg - Google 字体未在 SVG 代码中显示

这个页面上,我有一个 SVG 代码。SVG 文件仅显示基本的 REGULAR 字体类型。不过,我使用了所有字体变体(斜体、粗体、粗体、半粗体、深色)。

我在文件和外部CSS中都尝试了@import方法和链接rel。那些将分别。

@import url(' https://fonts.googleapis.com/css?family=Vollkorn:400,400i,600,600i,700,700i,900,900i ');

我还研究了这个解决方案,它是在 SVG 文件中使用 @font-face 方法设置的(尝试了粗体、常规等,但无济于事):

代码片段:

0 投票
2 回答
3902 浏览

android - 如何在我的 Android 应用中使用新的 Google 的 Sans 字体?

如何在我的 Android 应用程序中使用新的 Google 应用程序(如电话、联系人和 Google Fit)中的字体?这有什么新textAppearance价值吗?这是所需字体(标题)的预览: 谷歌的新材料字体

正如我所发现的,这种字体被称为“Google Sans”。

谢谢。

0 投票
2 回答
255 浏览

css - 移动设备与桌面设备上的 Google 字体

我正在为我的 webapp 使用 Merriweather 字体,如下所示导入它。

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather:300i">

这在桌面浏览器上运行良好,但在移动设备上,它回退到默认字体。如果我将行替换为 import300而不是300i,一切似乎都正常。

有谁知道我怎样才能300i在桌面上使用字体并回退到300移动设备上?

0 投票
1 回答
47 浏览

css - 如何从 Google Material Design Library 中获取概述的评论图标?

他们说comment,当我尝试时,填充和概述的评论都是<md-icon>comment</md-icon>填充的。如何使用 using 获得概述的内容md-icon

我试过<md-icon>comment_outlined</md-icon>了,但到目前为止没有用。