在公司里把 STF 部署给大家,但是发现很多同事的电脑文字显示为一片空白(如下图),访问了 10 位同事,5 位同事电脑正常,5 位同事电脑不正常,说明该问题出现概率相当大!值得重视。有很多同事因为看不到英文和 1~9 而无法操作 STF 的功能。

正常的应该显示为下图。

出现这个问题,是因为 STF 默认自带了一种字体并且强制要求你使用该字体。
按照群里的一位大神的给予的提示,,首先我们要改 js 文件,再改 CSS 样式中指定字体的样式,并且要在 STF 全局生效,
首先需要修改 uth\mock\views\index.pug 文件。

还要修改机器列表界面和机器详情界面的 app\views\index.pug

需要生效的 CSS 的代码如下:
.defaultfontfamily{
font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
我修改了 3 个文件,auth\mock\scripts\signin\signin.css

app\layout\stf-styles.css

app\components\stf\common-ui\nothing-to-show

在这三个文件末尾加上,然后直接覆盖到 STF,重新编译即可。
进入界面,查看


↙↙↙阅读原文可查看相关链接,并与作者交流