本地存储字体,解决网页在某些设备上无字体情况
因工作需求,在pc上做一个看板界面,用于电视机显示,在电视机上的浏览器打开之后发现中文没有问题,但是高棉语(柬文,柬埔寨的语言)直接消失了。因为浏览器只内置了三个字体库,为了解决在不同电视机上也能实现正常显示高棉语,只好在本地存储字体引用。
一、下载字体存储在项目静态目录内
提供几个字体下载网址:
https://www.ttyx8.com/zitixiazai/
我要的字体只有在第一个有,Hanuman这个字体是柬埔寨网站用的最多的,不好找,第一个网址下载得到。
二、关键-生成自定义字体名称
@font-face {
font-family: myHanuman; // 自定义的名称
src: url('../assets/font/Hanuman.ttf') // 下载字体的相对路径
}
三、使用
body{
font-family: myHanuman, ...其他字体;
}