如何从谷歌字体中删除本地

Question

我正在使用谷歌字体，如下所示

url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800);

来自api的结果css是这样的

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxhgVThLs8Y7ETJzDCYFCSLE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

然后假设用户在他的计算机上有不同样式的同名字体，我相信local('Open Sans Light Italic'), local('OpenSans-LightItalic'),会导致字体被加载

请求中是否有任何选项可以防止本地，并且在 css 中只有 url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxhgVThLs8Y7ETJzDCYFCSLE.woff2)

Answer 1

本地字体通常放在需要的字体之后，所以如果需要的字体没有渲染，将应用本地字体。它可以防止用户查看不正确的渲染字体等。我正在查看您发布的@font-face，看起来您正在导入的Open Sans 与默认Open Sans 相同。

更新

“我面临的问题是在一台计算机上字体未正确呈现。”

要在所有平台上正确呈现字体，您需要应用此 CSS 属性：

/* Render fonts properly on all platforms */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

您可以将其应用于特定的标签/类/等，但最简单的方法是将其全局应用于所有元素，如下所示：

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

我遇到了同样的问题，它帮助了我。希望，它也能解决你的问题。