前端的经验分享

因工作需求，在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, ...其他字体;
}