2

我从来没有精通 CSS,但我认为我以前没有遇到过这种情况。

我正在考虑使用时尚将 CSS 添加到我无法直接控制的第三方网站。所以 HTML 和 CSS 并没有真正为我想做的那种自定义设置。

我希望调整的网站不允许对字体进行良好控制,但它的一些页面(用户创建)大量使用了一些奇异的 Unicode 范围(例如高棉),我的操作系统/浏览器组合选择了一种糟糕的字体:

两个木偶

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

(或者unicode-range只是为了用 webfonts 做一些不同的事情?

4

2 回答 2

6

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

MDN - Unicode 范围

unicode-range CSS 描述符设置要从@font-face 定义的字体下载并在当前页面上可用的特定字符范围。

例子:

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

支持:CanIUse.com

另见这篇文章

于 2015-02-04T17:04:23.923 回答
1

unicode-range(s) 可用于指定要从字体下载的特定字符集(或范围)以节省带宽。请参阅此处: Mozilla unicode-range 信息

在没有看到实际 CSS 的情况下,您可以尝试通过执行诸如声明之类的操作来强制完全使用不同的字体

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

或添加 !important (在任何正常情况下我都会避免)如果其他字体拒绝让位,例如

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

如果您可以绕过使用原始字体,那么 unicode-ranges 将不再重要。注意图标字体之类的东西,尽管删除它们可能会使某些符号/图形消失。

希望有帮助。

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

于 2015-02-04T17:06:18.717 回答