问题标签 [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.
android - 在 android chrome 浏览器上看不到一些 utf8 字符
我有一个简单的页面 - http://skchbk.foxnet.pl/编码为 UTF8，只有几个希腊字符：
ὁ ἄγγελος。τοῦ ἀγγέλο，信使。天使ὁἀδελφός。τοῦ ἀδελφοῦ，兄弟ἀλλά，但是。除了 ὁ ἄνθρωπος 。τοῦ ἀνθρώπου, 人
此页面在 Windows 上看起来不错，但在带有 google chrome 浏览器的 android 手机/平板电脑上，我看不到像这样的字符
ἀ
我在某个地方发现了一些关于 android 字体的信息没有处理一些 UTF8 字符，所以我使用了谷歌字体 - 和希腊字体 - https://fonts.google.com/specimen/GFS+Didot - 但我仍然在 android 上看到“[] " 而不是几个字符。
你知道为什么 android 有字体/编码问题吗？我错过了一些谷歌字体的配置吗？
编辑：
我尝试了不同的方法，并使用了 google-webfonts-helper 工具 - https://google-webfonts-helper.herokuapp.com/fonts/gfs-didot?subsets=greek - 下载 eot、woff、woff2、ttf、svg 文件，我将 CSS 代码更改为
但结果是一样的......我仍然在移动 chrome 上看到矩形
mobile - 谷歌字体无法在手机上加载
最近刚刚使用 github 页面启动了一个网站，除了我使用的两种字体中的一种无法在移动设备上加载之外，一切都很好。如果您将桌面浏览器的大小调整为移动大小，它就可以工作，因此媒体查询应该不是问题。这只是谷歌方面的问题吗？它不适用于我手机上的任何浏览器应用程序。网站在这里：bamfbham.com
http-headers - 拒绝加载字体 '' 用于谷歌地图中的字体
在配置站点的内容安全策略时，我将字体源与这样的样式结合起来
这在 Firefox 中适用于所有情况。然而，当谷歌地图试图获取机器人字体时，Chromium 会抱怨：
我尝试添加'unsafe-inline'和data:作为方案源，但似乎没有一个可以解决问题。我对 Chromium 为什么报告 font 感到困惑"<URL>"，它似乎不是一个可接受的方案来源，我不明白为什么它被阻止
css - 在 React JS 中获取所有字体系列
我是 ReactJS 的新手。我正在尝试在下拉列表中显示所有字体系列，这样如果我选择其中一个字体系列，则文本（以 SVG 显示）字体系列将会改变。我知道在 .net 中我们可以使用 System.Drawing.FontFamily.Families 来获取所有字体系列。像明智的反应有什么吗？或者还有其他方法可以做到这一点吗？提前致谢...
security - 如何在 IdentityServer4 中允许使用 Google 字体
要在 IdentityServer3 中使用 Google 字体，以下 Content-Security-Policy 从未起作用：
相反，我们在 idsrvApp.UseIdentityServer 构造函数中配置了 CspOptions，它确实有效：
我们如何在 IdentityServer4 中配置 CspOptions？我很难找到它。
jquery - 添加块表单对话框中的jQuery字体选择器提交表单而不是选择字体
我想在“添加块”表单对话框（Concrete5 CMS 的一部分）中使用 Google 字体选择器（https://www.npmjs.com/package/font-picker）。但是当我单击字体选择器选择时，它会提交表单而不是简单地选择字体。似乎字体选择器选择事件和表单对话框提交之间存在 JS 冲突。
有谁知道如何解决这个问题？
谢谢你。
代码（与 JS 一起弹出的 Add Block 表单对话框的一部分）：
[解决了]
感谢特里：
css - 谷歌字体不再支持下载的文件？
我已将 .ttf 文件从 google 字体下载到我的本地 css 文件夹，但似乎无法正确加载它们。我已经尝试过这些方法：
CSS
HTML
我没有收到任何错误，但字体也没有显示。奇怪的是，官方文档甚至没有提到本地字体。
reactjs - 带有 CDN 参考的 Gatsby
我正在尝试让 bootstrap.css 和 Google 字体 CDN 在我的 Gatsby 项目中工作。
没有 HTML 文件；只是 JavaScript 文件。
对于引导程序，我可以npm install bootstrap然后min.css从中导入。
试图弄清楚如何Amatic SC从 Google 字体中获取字体；我已经npm安装了google-fonts-webpack-plugin。
我gatsby-node.js通过添加使用：
但是，我收到以下错误；
“构造函数”参数无效。您必须提供一个函数或 null
我做错了什么，我该如何解决？
有没有办法直接引用 CDN，而不是npm安装引导程序，我可以引用它的最新版本？
css - 在 Firefox 中渲染特殊字符
我正在使用谷歌字体建立一个网站。特别是我使用的是“Archivo Black”。
该字体支持特殊字符，例如重音符号等，但是在 Firefox 中，这些重音符号的位置非常奇怪……而在 Chrome 中，它们看起来非常好。
我一直在环顾四周，但我认为没有办法通过 CSS 控制这些元素的位置，所以我真的不明白为什么会发生这种情况。
在下面的图片中，我只是强调了发生这种情况的一个实例，但如果你仔细观察，你会发现这是一个一致的问题。
html - 当我选择所有 h1、h2、h3 时，Google 字体不起作用
我正在尝试通过在我的 css 顶部选择所有标题标签和 p 标签等将几个 Google 字体导入我的 HTML/CSS。例如：
但这行不通。我进行了三重检查，我在文件中的任何地方都没有其他字体系列规则，因此它不会被我或任何其他链接文件覆盖。当我将它直接应用到其他一些规则集时，它确实有效：
但我显然不倾向于硬编码每个相关的规则集，因为那只是多余的。我是否遗漏了 CSS 标签选择器的工作方式？