问题标签 [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 - 更新谷歌字体后，IE11 将所有文本显示为粗体
背景：在一个内部网络应用程序中，我使用的是 Google 字体 Open Sans。我下载了字体文件并与应用程序捆绑在一起（应用程序必须离线工作）。最近我注意到谷歌有一个更新版本的字体，此时我重新下载了它并在应用程序中更新了它。这时候我也改变了在我的 CSS 中包含字体的方式，将其删除为只使用 .woff 和 .woff2 格式（只需要支持 IE11 和 Chrome）
问题：由于此更新是在我们的测试服务器上我自己的计算机上进行的，仅在 IE 中，所有文本都显示为粗体。在 Chrome 中它很好。在 IE 中使用 localhost 在我的本地副本中查看它时，字体工作正常。在其他计算机上它一直运行良好。到目前为止，我只看到另一台计算机有同样的问题。
如果我检查元素，它被正确设置为使用font-weight: 400并正确使用 .woff 文件用于 IE11。它似乎只是使用字体的粗体版本而不是常规版本。
我担心这会发生在我客户的更多计算机上，因为我知道这不仅仅是我的。
代码：下面是我用来导入字体的代码。这与我之前的唯一区别是我不再导入 SVG 和其他格式。
更多详细信息： Web 应用程序使用 Angular 5（使用 Angular CLI）、SASS，并通过 Jenkins 部署在 Tomcat Windows 服务器上。测试服务器当前正在开发模式下运行。
我已经尝试清除浏览器中的所有缓存并重新启动计算机几次，但没有任何解决方法。
不幸的是，我无法链接到该应用程序，因为它只是内部的。
下面是在测试服务器上和在 localhost 上查看时的差异截图：
我认为这可能是许多事情的结果，所以如果我需要提供更多信息，请告诉我。
html - Firefox 57.0.1 降低了自定义字体
因此，我在使用 Firefox 57.0.1 版的 Google Fonts 中使用Nunito字体时遇到问题。这是我加载字体的方式：
当我应用下划线时，该条出现在文本中间，并且内容未正确垂直对齐。
这是选择我渲染严重的 h3 元素时的 Firefox 调试器内容
更改垂直对齐方式和行高并不能解决问题。一旦我从调试器中禁用字体系列，问题就会消失。该字体在其他浏览器中完美呈现。
java - 是否可以在 Spring MVC JSP 文件中使用 Google 字体？
我尝试在 JSP 文件的头部包含指向样式表的链接，并尝试在我的项目样式表中使用 @import 选项。没有任何效果。我也找不到 webjar 或任何类似的东西。
CSS：
JSPF：
html - 如何获取这些谷歌字体以供离线使用
我正在使用metronic主题来构建我的 Web 应用程序。在每个页面上，此代码是<head>标签中的第一个：
我需要从谷歌获取这些字体，以便我可以在本地离线使用它们。我怎样才能得到它们？我应该写什么代码。谢谢。
firefox - 使用 latin-ext 字符时，FF 中的 Lato 字体损坏
我使用“Lato”谷歌字体（支持拉丁扩展字符子集）开发了一个波兰语网站。我的网站是http://www.innova.uno 我已将来自 GF 网站的代码放在我主题的 ` 部分中：
<link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext" rel="stylesheet">
当我在 Chrome 中打开该站点时，所有文本都正确显示。但是在 Firefox 中打开站点时，波兰语字符会更改为 Times New Roman -但仅限于基于 Lato 字体的文本 - 标题（见截图： http: //pl.tinypic.com/r/etrsxj/9） - 其他拉丁语-ext 字体效果很好。
我不知道你们中的任何人是否会以同样的方式在 FF 中看到该网站，但如果有人这样做并且可能对为什么会发生这种情况有所了解 - 请给我一个提示！：） 谢谢。
css - wordpress 中的字体与 google 字体中的字体不同
我遇到问题并且已经搜索但我找不到答案。我在我的 Wordpress 网站（Html5Blank 主题）中使用了谷歌字体（Playfair Display），但它看起来与谷歌字体中的非常不同。这就是它们在googlefont和我的网站中的外观。
这是我的代码
php - wordpress 谷歌字体子集不显示字符
我正在尝试嵌入这个谷歌字体并添加子集 latin-ext。网站正在加载字体，但仍显示子集中的特殊字符。这是在我的functions.php中：
我不确定我写的字体字符串是否正确。
css - 如何使用 CSS 修改字体？
以前我们使用 支持此符号 的字体“水世界” ： https ://codepen.io/jaygray/pen/gvLYmW
现在我们想使用一种网络字体，并找到了一种类似于“水世界”的字体 - Convergence ( https://fonts.google.com/specimen/Convergence )
如何在 CSS 中构造上述 Codepen 上的字符？
这里有两个尝试。
首先：在深蓝色背景上勾勒出白色： https ://codepen.io/jaygray/pen/eVdqbj
第二：浅蓝色背景上的白色轮廓： https ://codepen.io/jaygray/pen/rJMXPZ
#1 和#2 的问题是下栏太宽并且没有轮廓。
如何稍微减小下栏的宽度，为栏添加轮廓，并将栏居中位于字母“o”下方？
（注意：＃2中的下栏是蓝色的，所以更容易看到。它应该是白色的蓝色轮廓。）
html - CSS 链接下划线在某些浏览器中太粗了
我的链接设置在“font-weight 300”和“text-transform underline”中。我通过@import 使用谷歌字体“Roboto”。在 Chrome 和 Opera 中，下划线像 font-weight 400 一样粗。FF、Edge 和 IE 没有这个问题。
HTML：
SCSS：
悬停时FF中没有问题：
悬停时Chrome中的问题：
有人知道如何解决这个问题吗？