[分享]css内置字体后为什么没法用

有时候我们会想要在网站中使用一些比较独特的字体，但又不想让网站加载外部字体文件，这时候CSS内置字体就成为了一个不错的选择。然而，在有些情况下我们还是无法成功地使用这些内置字体。首先，要使用CSS内置...

有时候我们会想要在网站中使用一些比较独特的字体，但又不想让网站加载外部字体文件，这时候CSS内置字体就成为了一个不错的选择。然而，在有些情况下我们还是无法成功地使用这些内置字体。

首先，要使用CSS内置字体，我们需要使用@font-face语法来定义内置字体。但是，在一些旧的浏览器中，这个属性可能并不被完全支持，导致我们无法使用CSS内置字体。

另一方面，内置字体虽然很方便，但是内置字体的支持范围有限。很多独特的字体并没有被内置在CSS中，而我们又无法加载外部字体文件，导致最终还是无法使用我们想要的字体。

@font-face {
  font-family: 'MyFont';
  src: local('MyFont'), url('myfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

p {
  font-family: 'MyFont', sans-serif;
} 

最后，还有一个问题是字符集的限制。因为内置的字体只包含有限的字符集，所以如果我们需要使用一些特殊的字符，也可能会无法成功地显示出来。

综上所述，尽管CSS内置字体有很多的优点，但是也存在着一定的局限性，需要我们在使用时要谨慎考虑。在某些情况下，外部字体文件可能是更好的选择。