上周给网站加上了字体
被问:咋弄？
我知道我分享干货(水文)的机会又来了​，同时也做个笔记。

该方法的特点:加载字体时可同时显示网站内容，而不是加载完才显示。

添加以下CSS代码

@font-face {
  font-family: l0u0l;/*这个可以随便填*/
  src: url(这里填写字体文件地址) format('woff2');/*woff2为字体文件的格式*/
  font-weight: 400;/*字体粗细*/
  font-style: normal;/*字体样式*/
  font-display: swap;/*显示顺序，不要修改*/
}
body {
  font-family: l0u0l,tahoma,arial,微软雅黑,sans-serif,Georgia,serif;/*第一个与上边随便填的保持一致*/
}

说明

body {font-family:后面的第一个是想要让网站显示的字体，再后边的建议填写大部分设备自带的字体(比如Windows一般自带的微软雅黑)，当第一个字体下载完毕后浏览器会重新渲染。

© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏