css中怎样加载外部字体

加载外部字体是CSS中的一项重要功能，它可以让网站设计者在使用自定义字体方面更加自由。
要加载外部字体，首先要获取字体文件，一般是.ttf或.otf格式。在HTML中使用link标签将字体文件链接到CSS文件中。

<link rel="stylesheet" href="style.css"> 

在CSS中，使用@font-face规则来定义自定义字体。这个规则中必须指定字体族名，字体文件的路径及格式，以及字体文件的命名。如下所示：

@font-face {
  font-family: 'MyFont';
  src: url('MyFont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
} 

在这个例子中，字体族名被命名为"MyFont"，字体文件的路径是相对于CSS文件的，文件格式为TrueType(.ttf)。通过设置font-weight和font-style参数，可以创建自定义字体的粗细及样式应用。
然后，在你的CSS样式表文件中，使用font-family属性来选择这个自定义字体。如下所示：

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

这个例子中选择的是"MyFont"字体。如果该字体无法加载，将使用sans-serif作为备用字体。
总结来说，加载自定义字体，可以通过在CSS文件中定义@font-face规则，定义字体的字体族名、字体文件的路径及格式等信息。然后在CSS属性中使用font-family属性将自定义字体应用到文本中。