【已解决】在Angular 中使用思源黑体
蒋阳华
下面我将列出三种解决方案
1. 使用font-family
https://zenozeng.github.io/fonts.css/
font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
2. 通过Google Fonts资源引入字体方式
https://www.cnblogs.com/a-dou/p/14793138.html
在项目index.html , 通过Link标签在网页头部引用：
<head>
<meta charset="utf-8">
<!--引入思源黑字体-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">
<title></title>
代码使用如下：
#app {
font-family: Noto Sans SC;
font-style: normal;
font-weight: 400;
}
3. 导入思源黑体字体包
不推荐，资源包太大了
类似资料：