css字体设置 ​

通常，我们会在CSS中设置多个字体，以便在用户的电脑上没有首选字体时，浏览器可以自动使用备选字体。例如：

font-family: Arial, Helvetica, sans-serif;

font-family: Arial, Helvetica, sans-serif;

这里的Arial是首选字体，如果没有安装，浏览器会尝试使用Helvetica，如果还没有，就会使用默认的sans-serif字体。

使用自定义字体 如果你的网站使用了一种罕见的字体，并且希望所有访问者都能看到这种字体，你可以使用CSS3的@font-face规则来指定字体文件。这样，当用户访问你的网站时，浏览器会下载并使用这个字体。这里有一个例子：

最好不要用中文字体，很多都是商业字体，而且文件也比较大

font-family: 自定义命名;，需要有ygyxsziti2.0.ttf这个字体文件

@font-face {
      font-family: luoluo;
      src: url(ygyxsziti2.0.ttf) format("truetype");
}
div{
   font-family: luoluo;
}

@font-face {
      font-family: luoluo;
      src: url(ygyxsziti2.0.ttf) format("truetype");
}
div{
   font-family: luoluo;
}

代码效果如下：

注意事项 ​

避免使用中文字体，因为很多中文字体是商业字体，可能涉及版权问题，而且文件体积较大。 在使用自定义字体时，确保字体文件的URL是正确的，并且服务器配置了正确的MIME类型，以便浏览器能够正确识别和下载字体文件。