问题标签 [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.
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 更喜欢网络资源而不是本地安装的字体?
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.
angular - 如何在本地使用谷歌字体而不是在 Angular 4 项目中导入
我在我的 Angular 4 项目 scss 文件中导入谷歌字体网址,如下所示,
我如何下载/安装它们并在 Angular 4 scss 文件中本地使用,而不是直接导入 url。
任何解决方案都会有所帮助。
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 设置有问题?任何帮助都将受到高度赞赏。
android - 需要通过 ResourcesCompat.getFont 以编程方式设置无法从 Android XML 布局文件(有时)使用的 Google 字体
谷歌最近让谷歌字体可以在 Android 中使用,这太棒了!将字体应用于 TextView 的最简单/最直接的方法(假设字体已存在于字体资源文件夹中,通过在设计窗口中选择 TextView 非常容易)是将其直接应用于像这样的TextView
这在我尝试的第一个活动中效果很好,但是当我尝试在第二个活动中使用完全相同的设置时它失败了。不会从 XML 属性中读取字体android:fontFamily
,即使对于我在之前的活动中使用的完全相同的字体也是如此。
幸运的是,我仍然能够通过像这样以编程方式设置字体来使字体正常工作
但这是一种痛苦并且变得麻烦。我想我只是要继承 TextView 并自己阅读字体,这样我就可以在 XML 中再次使用它们,因为我觉得这是一个错误(考虑到它在一个活动而不是另一个活动中工作,而且因为这是一个相对较新的功能) 但想知道是否有其他人遇到过这个问题或有任何解决方案的想法?
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 方法设置的(尝试了粗体、常规等,但无济于事):
代码片段:
css - 移动设备与桌面设备上的 Google 字体
我正在为我的 webapp 使用 Merriweather 字体,如下所示导入它。
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather:300i">
这在桌面浏览器上运行良好,但在移动设备上,它回退到默认字体。如果我将行替换为 import300
而不是300i
,一切似乎都正常。
有谁知道我怎样才能300i
在桌面上使用字体并回退到300
移动设备上?
css - 如何从 Google Material Design Library 中获取概述的评论图标?
他们说comment
,当我尝试时,填充和概述的评论都是<md-icon>comment</md-icon>
填充的。如何使用 using 获得概述的内容md-icon
?
我试过<md-icon>comment_outlined</md-icon>
了,但到目前为止没有用。