羽暮
不服输的才是青春.✨
10文章
3评论
2微语

个人档

访客排行

本地存储字体,解决网页在某些设备上无字体情况

2021-7-8
0 81

因工作需求,在pc上做一个看板界面,用于电视机显示,在电视机上的浏览器打开之后发现中文没有问题,但是高棉语(柬文,柬埔寨的语言)直接消失了。因为浏览器只内置了三个字体库,为了解决在不同电视机上也能实现正常显示高棉语,只好在本地存储字体引用。

一、下载字体存储在项目静态目录内

提供几个字体下载网址:

https://www.fontke.com/

https://www.ttyx8.com/zitixiazai/

http://www.foundertype.com/

我要的字体只有在第一个有,Hanuman这个字体是柬埔寨网站用的最多的,不好找,第一个网址下载得到。

二、关键-生成自定义字体名称

@font-face {
  font-family: myHanuman; // 自定义的名称
  src: url('../assets/font/Hanuman.ttf') // 下载字体的相对路径
}

三、使用

body{
  font-family: myHanuman, ...其他字体;
}

羽暮

不服输的才是青春.✨
userAvatar
撰写评论