html - 将字体系列设置为 CSS 中的特定符号

Question

在我的网站上，我使用非标准西里尔字体。它看起来不错，但它有一些特殊符号的问题，例如 - 引号(由于某种原因，开头和结尾的引号看起来不同)。

我想使用 CSS 为特定符号设置字体系列。可能吗？

Answer 1

您可以使用 unicode 范围 @font-face 规则来管理它

MDN Reference

我不确定这个演示在代码段中的效果如何，因为这取决于您是否安装了指定的字体。然而，一般来说，它是这样的:

@font-face {

  font-family: 'Algerian';
  src: local('Algerian');
  unicode-range: U+022-026;

}

div {
  font-size: 4em;
  font-family: Algerian, sans-serif;

}

div {
  text-align: center;

}

p {
  font-size: 72px;

}

<div>
  <p>" Lorem & Ipsum "</p>
</div>

在本例中，我将规则应用于左引号和右引号以及与号。

支持:CanIUse.com

但对于 Firefox:

Support can be enabled in Firefox using the layout.css.unicode-range.enabled flag