Bonky Zhu
If someone is able to show me that what I think or do is not right, I will happily change, for I seek the truth, by which no one was ever truly harmed. It is the person who continues in his self-deception and ignorance who is harmed.

网站设置自定义字体的方法

以前我一直使用的是有字库的cdn,都没有出现过问题,自从使用了阿里云的全站加速后,有字库的字体就显示不正常了(具体是Chrome和Firefox显示不正常,而Safari系可以正常显示,玄乎)。然后想了想还是直接放在自己的网站,反正英文字体也就100k的样子,也不会太拖加载速度。然后说干就干 ?

首先把字体文件放在网站的根目录下:

屏幕快照 2019-11-05 上午1.23.09

然后将 css 加入以下这么几行,再在你需要修改字体的地方修改 font-family'COCOGOOSE'

@font-face{
    font-family:'COCOGOOSE';
    src: url('cocogoose.ttf') format('truetype');
}


但不过上面的代码有一个问题,就是只有首页的页面才能对字体生效,我猜测是因为字体的链接是相对目录,然后位于其它目录的网页无法访问到字体。

@font-face{
    font-family:'COCOGOOSE';
    src: url('/cocogoose.ttf') format('truetype');
}


再字体目录前加入了一个 / 一切就正常显示了。

屏幕快照 2019-11-05 上午1.28.43

Share

发表评论