我可以使用CSS“ unicode-range”在整个（第三方）页面上指定字体吗？

Question

我从不流利使用CSS，但我认为以前没有这种情况。

我正在考虑使用时尚的方式将CSS添加到我无法直接控制的第三方站点。 因此，HTML和CSS并不是针对我想做的自定义设置的。

我希望调整的站点不允许很好地控制字体，但是它的某些页面（用户创建）大量使用了一些奇怪的Unicode范围（例如高棉语），而我的OS /浏览器组合选择了一种糟糕的字体：

two muppets

我可以制定一个CSS规则，将其应用于页面中属于Unicode范围内的所有文本，以将其设置为已知的良好字体，而无需研究页面HTML / DOM的结构吗？

（或者unicode-range仅用于对webfonts做一些不同的事情？

Answer 1

在大多数浏览器中答案是肯定的

MDN-Unicode范围

Unicode代码范围的CSS描述符设置了从@ font-face定义的字体中下载的特定字符范围，并可以在当前页面上使用。

例：

@font-face {
  font-family: 'Ampersand';
  src: local('Times New Roman');
  unicode-range: U+26;
}

另请参阅这篇文章

Answer 2

unicode-range（s）可用于指定要从字体下载哪个特定的字符集（或范围），以节省带宽。 参见此处： Mozilla Unicode范围信息

在没有看到实际CSS的情况下，您可以尝试执行诸如声明等操作来强制完全使用其他字体

body{font-family: arial,sans-serif;}

或添加！important（在其他正常情况下我会避免的），如果其他字体拒绝让步，例如

body{font-family: arial,sans-serif !important;}

如果您可以绕过使用原始字体的样式，则unicode范围将不再重要。 请注意像图标字体之类的内容，尽管删除它们可能会使某些符号/图形消失。

希望能有所帮助。

抱歉，我想误解了您的问题-以为您希望完全摆脱现有的unicode字体。