css引入自定义字体

在CSS中，除了可以使用默认字体，也可以引入自定义字体，让网站更加独特。下面将介绍如何在CSS中引入自定义字体。

首先，我们需要找到自定义字体的文件。一般来说，字体文件有四种格式：TTF、OTF、WOFF和WOFF2。其中，TTF和OTF是传统的字体格式，而WOFF和WOFF2是web字体优化的格式。我们需要先将字体文件下载下来，然后保存到项目中的某个文件夹中。

字体文件保存路径：
./font/myfont.ttf

接下来，我们在CSS中引入字体。使用@font-face规则可以声明一个自定义字体，可以像下面这样编写：

@font-face {
  font-family: 'myfont';
  src: url('../font/myfont.ttf');
}

在这个规则中，'myfont'是自定义字体的名称，可以随便命名，但是在后面的使用中要保持一致。

在src属性中，我们指定了字体文件的URL地址。一定要注意URL地址写法，字体文件的存放路径要根据实际情况修改。

完成以上两步后，我们就可以在CSS中使用自定义字体了。只需要在样式中声明使用的字体即可：

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

这里的'sans-serif'是默认字体，如果自定义字体无法加载或者找不到，就会使用默认字体。

通过以上的步骤，我们就可以方便地在网页中使用自定义字体了。使用自定义字体可以让网站更加独特，也能增强网站的视觉效果。