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

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

添加以下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;/*第一个与上边随便填的保持一致*/
}

说明

第一个是想要让网站显示的字体,后边的建议填写大部分设备自带的字体(备用字体,加载字体时会先用备用字体),当第一个字体加载完后浏览器会重新渲染。


Last modification:January 7th, 2020 at 11:30 pm
If you think my article is useful to you, please feel free to appreciate