哇去，有了这篇文章，项目中引入了再多的字体包，我都不怕了！！！

已于 2024-03-01 12:00:54 修改
阅读量833 收藏 19
点赞数 14
分类专栏： 笔记 前端编程 文章标签： html css 前端 css3
于 2024-03-01 11:39:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36288559/article/details/136386693
版权

通常情况下，我们在开发一个新项目的时候，项目那边通常都会提供一些项目所需的字体包，来满足项目对字体展示的特殊需求。

这部分大家都比较熟悉，就不详细讲了，直接上代码：

/* 引入字体包 */
@font-face {
  font-family: "SourceHanSansCN";
  src: url("./fonts/webFonts/test/SourceHanSansCN-regular/SourceHanSansCN-regular.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/SourceHanSansCN-regular/SourceHanSansCN-regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/SourceHanSansCN-regular/SourceHanSansCN-regular.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/SourceHanSansCN-regular/SourceHanSansCN-regular.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/SourceHanSansCN-regular/SourceHanSansCN-regular.svg#Source Han Sans CN") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}
<div class="font-container page-container">
  <p class="font-css font">测试字体abcde12345</p>
</div>
.font-css {
  font-size: 60px;
  color: black;
  margin: 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;

  &.font {
    font-family: 'SourceHanSansCN';
  }
}

 效果如下：

至此，即可简单的引入自定义字体了。

然而，实际项目中，我们不可能只用一个字体字重吧，我们还需要考虑到在不同的模块下使用不同的字体字重的情况，这也简单，使用 【font-weight】，具体代码如下：

<div class="font-container page-container">
    <p class="font-css light">测试字体abcde12345</p>
    <p class="font-css regular">测试字体abcde12345</p>
    <p class="font-css medium">测试字体abcde12345</p>
    <p class="font-css bold">测试字体abcde12345</p>
</div>
.font-css {
  font-size: 60px;
  color: black;
  margin: 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'SourceHanSansCN';

  &.light {
    font-weight: 300;
  }

  &.regular {
    font-weight: 400;
  }

  &.medium {
    font-weight: 500;
  }

  &.bold {
    font-weight: 700;
  }
}

效果如下：

但是我们会发现

虽然我们设置了相对应的字重，但是并不是所有字体的字重都会生效。

这就不得不提我之前的发现了，由于不同浏览器对字体字重的兼容有所不同，比如500在ios系统那边会生效但是window这边不会生效；同时不同字体也不一定都包含兼容所有的字重，所以就会出现上面设置不同字重不生效的情况；而且实际项目过程中有时候简单地设置字重不一定能满足项目对字体字重的要求。

那怎么办呢，既然简单地设置字重不行，那么我们换个思路，引入不同字重的字体包试试。

说干就干：

/* 引入字体包 */
@font-face {
  font-family: "SourceHanSansCN-light";
  src: url("./fonts/webFonts/test/SourceHanSansCN-light/SourceHanSansCN-light.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/SourceHanSansCN-light/SourceHanSansCN-light.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/SourceHanSansCN-light/SourceHanSansCN-light.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/SourceHanSansCN-light/SourceHanSansCN-light.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/SourceHanSansCN-light/SourceHanSansCN-light.svg#Source Han Sans CN") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}

/* 引入字体包 */
@font-face {
  font-family: "SourceHanSansCN-regular";
  src: url("./fonts/webFonts/test/SourceHanSansCN-regular/SourceHanSansCN-regular.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/SourceHanSansCN-regular/SourceHanSansCN-regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/SourceHanSansCN-regular/SourceHanSansCN-regular.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/SourceHanSansCN-regular/SourceHanSansCN-regular.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/SourceHanSansCN-regular/SourceHanSansCN-regular.svg#Source Han Sans CN") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}

/* 引入字体包 */
@font-face {
  font-family: "SourceHanSansCN-medium";
  src: url("./fonts/webFonts/test/SourceHanSansCN-medium/SourceHanSansCN-medium.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/SourceHanSansCN-medium/SourceHanSansCN-medium.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/SourceHanSansCN-medium/SourceHanSansCN-medium.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/SourceHanSansCN-medium/SourceHanSansCN-medium.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/SourceHanSansCN-medium/SourceHanSansCN-medium.svg#Source Han Sans CN") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}

/* 引入字体包 */
@font-face {
  font-family: "SourceHanSansCN-bold";
  src: url("./fonts/webFonts/test/SourceHanSansCN-bold/SourceHanSansCN-bold.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/SourceHanSansCN-bold/SourceHanSansCN-bold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/SourceHanSansCN-bold/SourceHanSansCN-bold.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/SourceHanSansCN-bold/SourceHanSansCN-bold.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/SourceHanSansCN-bold/SourceHanSansCN-bold.svg#Source Han Sans CN") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}
<div class="font-container page-container">
    <p class="font-css light">测试字体abcde12345</p>
    <p class="font-css regular">测试字体abcde12345</p>
    <p class="font-css medium">测试字体abcde12345</p>
    <p class="font-css bold">测试字体abcde12345</p>
</div>
.font-css {
  font-size: 60px;
  color: black;
  margin: 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;

  &.light {
    font-family: 'SourceHanSansCN-light';
  }

  &.regular {
    font-family: 'SourceHanSansCN-regular';
  }

  &.medium {
    font-family: 'SourceHanSansCN-medium';
  }

  &.bold {
    font-family: 'SourceHanSansCN-bold';
  }
}

效果如下：

简单做个对比

通过对比，不难发现差距还是很明显的，效果也是很明显的啦！

然后，我们又会考虑到一个问题，因为我们现在修改字重是通过，将原来的【font-weight: 700】 改成【font-family: 'SourceHanSansCN-bold'】对应字体这种方式实现的。

那么，如果项目前期一直使用的是【font-weight】来设置字重，后期全部调整成【font-family】设置字体的话，需要修改的地方会很多很杂。

那有没有什么方法，在保留原有字重的情况下实现呢，即通过设置字重来自动引入对应所需要的字重字体呢？答案肯定的，这也是接下来需要重点讲解的内容。

首先引入所需的字体包

@font-face {
  font-family: "test-font";
  src: url("./fonts/webFonts/test/light/light.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/light/light.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/light/light.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/light/light.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/light/light.svg#.PhoneFallback") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "test-font";
  src: url("./fonts/webFonts/test/regular/regular.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/regular/regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/regular/regular.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/regular/regular.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/regular/regular.svg#Source Han Sans CN") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "test-font";
  src: url("./fonts/webFonts/test/medium/medium.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/medium/medium.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/medium/medium.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/medium/medium.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/medium/medium.svg#qiantuxianmoti") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "test-font";
  src: url("./fonts/webFonts/test/bold/bold.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/bold/bold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/bold/bold.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/bold/bold.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/bold/bold.svg#UnifrakturMaguntia") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 700;
}

这里我们看到引入的字体包的名称是一致的，而不是像上一段那样不同字体命名不同，但是字重不一样了，需要特别关注的是

@font-face {
  font-family: "test-font";
  /* 通过字重实现自动引入对应字体 */
  font-weight: 700;
}

我们可以通过 @font-face 中的 font-weight 属性来设置命中该字体包的字重大小，只要页面设置的字重和该字体包重，即可命中并引入该字体包。
 /* 通过字重实现自动引入对应字体 */
 font-weight: 700;

<div class="font-container page-container">
   <p class="font-css light">测试字体abcde12345</p>
   <p class="font-css regular">测试字体abcde12345</p>
   <p class="font-css medium">测试字体abcde12345</p>
   <p class="font-css bold">测试字体abcde12345</p>
</div>
.font-css {
  font-size: 60px;
  color: black;
  margin: 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'test-font';

  &.light {
    font-weight: 300;
  }

  &.regular {
    font-weight: 400;
  }

  &.medium {
    font-weight: 500;
  }

  &.bold {
    font-weight: 700;
  }
}

效果如下:

我们再来看一下字体引入情况

OK，的确只引入了700情况下的自定义字体包，效果Perfect！！！！！

好了，抬走下一个

通常情况下，我们字体会遇到中文，中文字符，英文，英文字符，数字等等情况，那我们怎么给不同的语言设置不同的字体呢。

那就有人会说了：“给不同语言设置不同字体不就好了，中文设置中文字体，英文设置英文字体。”

那么，问题来了，如果一个p标签，span标签里的内容，你无法识别，即既可能会是中文也可能是英文也可能是中英文混合，哪怎么办呢？

又有人会说了：“那我们就不做区分，直接给这块内容同时设置中英字体不就好了，哪个生效用哪个。”

的确，之前我也是这么想的，也是这么做的。然后又遇到问题了，如果项目提供的字体（不论中文字体还会英文字体）对中英文都生效怎么办，这时候又达不到项目想要的效果了。

通过搜索查找，终于找到了解决办法，使用【unicode-range】设置字符 unicode 范围，从而自定义字体包。

【unicode-range】 是一个 CSS 属性，用于指定字体文件所支持的 Unicode 字符范围，以便在显示文本时选择适合的字体。

它的语法如下：

@font-face {
  font-family: "test-font-cn";
  src: url("./fonts/webFonts/test/medium/medium.ttf") format("truetype");
  unicode-range: U+4E00-9FFF, U+3000-303F, U+2000-206F;
}

然后我的想法是对中文以及中文字符进行字符限制从而达到效果。

通过 chatgpt 我得知到中文、中符号的 unicode 的范围为： U+4E00-9FFF, U+3000-303F, U+2000-206F 这么几个区间。

详细代码如下：

@font-face {
  font-family: "test-font";
  src: url("./fonts/webFonts/test/medium/medium.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/medium/medium.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/medium/medium.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/medium/medium.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/medium/medium.svg#qiantuxianmoti") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "test-font";
  src: url("./fonts/webFonts/test/bold/bold.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/bold/bold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/bold/bold.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/bold/bold.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/bold/bold.svg#UnifrakturMaguntia") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 700;
}

/* 中文字体包 */
@font-face {
  font-family: "test-font-cn";
  src: url("./fonts/webFonts/test/medium/medium.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/medium/medium.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/medium/medium.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/medium/medium.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/medium/medium.svg#qiantuxianmoti") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 300;
  unicode-range: U+4E00-9FFF, U+3000-303F, U+2000-206F;
  /* 中文范围 */
}

/* 英文字体包 */
@font-face {
  font-family: "test-font-en";
  src: url("./fonts/webFonts/test/bold/bold.eot");
  /* IE9 */
  src: url("./fonts/webFonts/test/bold/bold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("./fonts/webFonts/test/bold/bold.woff") format("woff"),
    /* chrome, firefox */
    url("./fonts/webFonts/test/bold/bold.ttf") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/webFonts/test/bold/bold.svg#UnifrakturMaguntia") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 700;
}
<div class="font-container page-container">
    <p class="font-css cn">测试字体abcde12345</p>
    <p class="font-css en">测试字体abcde12345</p>
    <p class="font-css cnen">测试字体abcde12345</p>
</div>
.font-css {
  font-size: 60px;
  color: black;
  margin: 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'test-font';

  &.cn {
    font-weight: 500;
  }

  &.en {
    font-weight: 700;
  }

  &.cnen {
    font-family: 'test-font-cn', 'test-font-en';
  }
}

效果如下：

到此，我项目中遇到关于字体包的问题解决了.

BINGO！！！

总结：

1、项目引入自定义字体包  【解决】

2、不同模块设置不同自重 【解决】

        2-1 通过font-weight简单设置

        2-2 引入不同自重字体包并使用

        2-3 通过设置font-weight按需自动引入不同自重字体包

3、不同言语字符设置不同字体包【解决】

        3-1 通过设置unicode-range按需自动引入不同语言字体包

参看资料：

什么！一个项目给了8个字体包？？？icon-default.png?t=N7T8https://juejin.cn/post/7251884086536781880CSS unicode-range特定字符使用font-face自定义字体icon-default.png?t=N7T8https://www.zhangxinxu.com/wordpress/2016/11/css-unicode-range-character-font-face/

LIMI_伞梦
关注
  • 14
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
网页自定义字体图标看这篇就够了？！
01-08
前言： 最近在制作网页的时候用到了... 将字体图标资源放到项目中 css中创建相应的字体图标 /* 字体 */ @font-face { font-family: 'wjf'; src: url('../fonts/icomoon.eot?7kkyc2'); src: url('../fonts/ic
threejs 显示中文需要的字体包json
01-19
threejs 显示中文需要的字体包json
前端中如何引入字体包？
lb_888888的博客
08-18 1110
**注意：严格区分大小写，包括字体的后缀名，以及loader的大小写。2、通过以下方式导入（全局或者局部都可以）1、把字体文件引入到放置图片或者任意位置。***有不理解的小白私我，看到必会。3、通过以下方式调用。
前端必知：30.引入外部字体以及文字阴影
qq_52799985的博客
07-27 1924
引入外部字体和使用文字阴影是前端开发中的重要知识点之一，下面我将介绍它们的意义和用法。
前端如何引入字体包vue项目里
weixin_45644355的博客
11-12 1823
1.在assets下新建一个font文件夹，在里面新建一个font.css文件，以及在里面放下载的字体文件 2.在font.css文件里定义这个字体包的名字 3.在需要引入字体的地方写上字体样式
前端字体引入
qq_22783587的博客
02-16 1224
前端字体引入的三种方式
在前端项目里引入字体
weixin_41897680的博客
12-23 2238
在前端项目里引入文字
解决在vue项目中webpack打包后字体不生效的问题
10-18
今天小编就为大家分享一篇解决在vue项目中webpack打包后字体不生效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
思源字体的安装和使用
weixin_42492013的博客
12-26 5924
1、下载思源字体 并且解压 2、在百度中搜索 font-face生成器 或者点击网址 https://www.fontke.com/tool/fontface/ 打开生成器 ， 3、点击上传字体文件 将解压的字体文件夹中后缀名名为 .ttf的文件上传上去，然后点击立即生产，等一会会生成一个文件包并自动下载下来 4、将生成好并下载下来的文件包解压，，然后在前端项目中建一个foot文件夹，将，如果已...
前端引入字体文件
见贤思齐焉，见不贤内自省
06-07 640
前端引入字体文件
React和vue等前端html页面引入自定义字体文件，更改页面字体样式
最新发布
10-10 1065
网页自带的字体没有很多，有时候想使用我们自己的字体文件去修改网页字体效果，就可以使用这种方法。将下载好的otf或者WOFF和WOFF2格式的字体文件导入项目中，并打开附带的stylesheet.css，这里定义了注册字体文件的规则。将这个文件中的内容复制到项目css文件的顶部（放顶部是因为先注册才能使用字体）并将URL改成字体文件的相对路径。首先需要在网站上挑选合适的字体并下载到本地，这里我选用了一种很火的免费字体：opensans，在fontsquirrel.com中找到并下载。
前端基础-CSS-引入字体
weixin_43254742的博客
08-01 805
CSS-引入字体、下载字体地址
前端页面引入多个字体包
amyloverice的博客
03-29 7127
1. 引入自定义字体，首先在css文件里定义自定义字体 @font-face { font-family: "PingFangSC Light"; src: url('/assets/css/fonts/PingFang/PingFang-Light.ttf'); } 可以这样引入多个 @font-face { font-family: "PingFangSC Light"; src: ur...
前端引用字体包
godming的博客
08-24 1089
一、说一下http1，http2 协议，说一下缓存机制（强弱缓存区别）。 1、http1（请求报文头部）采用文本格式，在多线程连接下会阻塞，在同一时间，同一域名的请求有一定数量限制，超过限制数目的请求会被阻塞，浏览器与服务器只保持短暂的连接； 2、http2（请求报文头部）采用二进制格式，完全多路复用，而非有序并阻塞的、只需一个连接即可实现并行；（解决了线头阻塞的问题，与http1最重要的区别），使用报头压缩，降低开销； ...
vue中引入字体包
m0_58565372的博客
08-02 5467
1.创建文件夹 存放字体 在src目录下创建text文件夹 ，字体放在这个文件夹下,命名为字体名（英文更好），并且创建text.scss。有时候UI上面会有一些特殊字体，这时候，你就可以将UI给你的字体包引入到自己的项目中，去实现特殊字体的处理。2.在text.scss里面写入。3.在main.js中引入。4.直接在自己需要的页面使用。以上步骤就可以实现引入字体包。...
前端js/CSS中引入字体(@font-face)
热门推荐
weixin_55763825的博客
12-06 1万+
前端设计采用@font-face规则进行字体的引入 详细步骤： 一、在CSS引入字体； 1、单个字体引入； 2、多个字体引入。 二、在JavaScript中使用: 1、使用className = { styles.a } ; 2、直接使用style = {{ fontFamily：AdobeHeiTiStd-Regular }} 。 ...
在线引入字体html,字蛛(FontSpider)-中文WebFont自动化压缩工具,让网页自由引入中文字体成为可能!...
06-13
很好的问题！字蛛（FontSpider）是一款中文WebFont自动化压缩工具，它可以将网页上使用的中文字体提取出来，并自动压缩成WebFont格式，方便网页直接引入使用。这个工具可以帮助开发者解决中文网页字体引入的问题，让网页自由引入中文字体成为可能。同时，字蛛还支持多种字体格式的转换和压缩，包括TTF、OTF、EOT、WOFF、WOFF2等格式，方便开发者根据实际需要选择适合的字体格式。此外，字蛛还支持命令行调用，可以方便地集成到开发流程中，实现自动化处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值