Vue项目里添加特殊字体或某些字体乱码的问题

最新推荐文章于 2025-10-09 14:03:10 发布

转载最新推荐文章于 2025-10-09 14:03:10 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/arealy/p/11089813.html

文章标签：

#javascript #前端 #ViewUI

本文介绍了一个西藏项目的前端藏文乱码问题及其解决过程。起初，藏文显示正常，但后台处理后，前端出现了乱码。通过全局引入特定的藏文字体ttf文件，成功解决了乱码问题。

问题：有个西藏的项目因使用藏文，而出现乱码

（一开始不乱的，不知道后台怎么处理...后来不知道为啥，前端乱码了）

解决：字体ttf 格式已下载，在项目中全局引入了

@font-face {
  font-family: 'sunshine';
  src: url("../fonts/sunshine.ttf");
}
* {
  margin: 0px;
  padding: 0px;
}
html, body {
  background: #fff;
  font-family: "Microsoft YaHei","宋体",'sunshine',"SimHei",  "SimSun", \5B8B\4F53, Arial Narrow, arial, serif;
  color: #313131;
  font-size: 14px;
  font-weight: normal;
  width: 100%;
  min-width:1280px;
  height: 100%;
}