ionic 修改app中字体格式

最新推荐文章于 2022-10-18 20:51:47 发布

太阳

最新推荐文章于 2022-10-18 20:51:47 发布

阅读量409

点赞数 1

分类专栏： ionic

本文链接：https://blog.csdn.net/weixin_45379279/article/details/118997035

版权

ionic 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、ionic 修改app中字体格式

1.assets文件夹下新建fonts文件夹

2.引入字体

在这里插入图片描述

3.修改theme文件夹下variables.scss文件

在这里插入图片描述

4.新建@font-face,新建 --ion-font-family: ‘STXINGKA’

在这里插入图片描述

@font-face {
  font-family: "STXINGKA";
  src: url("../assets/fonts/STXINGKA.TTF");
  //src: url("../assets/fonts/STXINWEI.TTF");
}
:root {
  /** primary **/
  --ion-font-family: 'STXINGKA';
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;