google-chrome - 谷歌浏览器忽略谷歌字体子集

Question

我正在使用一个非常常见的字体系列 Open Sans，尝试加载多个权重和拉丁语作为唯一的子集(这是可选的，因为它默认受支持)，除了 Google Chrome 之外，每个浏览器都很棒.
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin');

它在 Firefox/IE 中看起来很棒，但在 Chrome 中，子集被忽略，浏览器获取所有子集及其 unicode 范围，并根据整个页面中找到的字符类型下载它们。我知道这种行为是有意的。

例如， font-weight: 600 (semibold) 和 800 (extrabold) 看起来与 700 完全一样。如果我从源中删除所有子集并只加载每个权重的拉丁子集，它在 Chrome 中也能很好地工作。

有没有什么简单的方法可以强制 Google 只为那个特定的子集提供服务，无论如何？我知道还有其他几种加载字体的方法。

Answer 1

正如您在问题中已经提到的，in a browser that supports unicode-range 子集是动态提供的，没有必要(或方法)强制它。

只是不要在 DOM 中包含您不想要的子集中的任何 Unicode 字符。这将防止任何有意识的浏览器下载不必要的字体文件。

另外，latin子集默认包含在内，因此也无需指定。

只需为不支持的浏览器包含其他子集 unicode-range .