【已解决】在Angular 中使用思源黑体

南风11111

已于 2022-08-06 15:16:15 修改

阅读量1k

点赞数

分类专栏：前端知识文章标签： css html less

于 2022-08-06 15:15:06 首次发布

本文链接：https://blog.csdn.net/weixin_43494119/article/details/126195211

版权

前端知识专栏收录该内容

6 篇文章 0 订阅

订阅专栏

下面我将列出三种解决方案

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. 导入思源黑体字体包

不推荐，资源包太大了

南风11111

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【已解决】在Angular 中使用思源黑体

在项目中如何正确使用思源字体
复制链接

扫一扫

专栏目录