相信很多设计师都碰到过一个问题,明明我的设计稿字体是这样的,为什么前端做出的网站字体却不一致。但是这个问题还真怪不了前端,要想引用特殊字体,那肯定是需要对应的字体包。英文的字体包还好,最多只有几百k。而中文的确有几m多。所以在企业站上引用中文字体包,不仅影响了网站的加载速度,还在字体包加载完成后,有一个跳动的过程(从默认字体,一下子变成特殊字体)。这个效果是十分影响用户体验的。
所以为了解决这个问题,之前都是用font,定义字体顺序,如果本地中有这font定义的字体,就按font定义的字体顺序来。不过这个吧有点随缘,那有没有更好的办法呢。那是有的,那就是在线字体(有字库)。
那该如何使用呢:
1.注册登录有字库()
2.搜索需要使用的字体,没有搜到想要的字体时,可在字体管理处本地上传。然后点击立即使用
3.调用方法分两种css模式和js模式。
js模式(建议)
在线上网站使用时,需注意,将网站域名添加到白名单
css模式(不建议)
该模式不建议,这个模式需要先在下文框中上传文字且只有上传的文字可使用在线字体。