shields 徽标_您的徽标，作为Web字体连字

最新推荐文章于 2025-09-06 17:20:42 发布
翻译 最新推荐文章于 2025-09-06 17:20:42 发布 · 703 阅读 · 0
文章标签：

#python #java #html #css #编程语言

本文探讨了一种创新的方法，即将徽标设计为网络字体连字，以提高网页加载速度和灵活性。通过使用Web字体图标，可以避免额外的服务器请求，减少带宽消耗，并能轻松更改徽标颜色。文章详细介绍了利用IcoMoon工具将徽标转换为连字的过程，包括矢量化徽标、上传至IcoMoon、构建图标集合、下载字体文件和应用CSS样式。

shields 徽标

让我们看一下在网页上显示徽标的另一种方法。 通常，您将使用<img>标记来应对挑战。 也许您将通过CSS使用图像替换，也许甚至会尝试使用SVG文件，但是您是否考虑过通过设计自己的网络字体连字实现什么可能性？

准确品牌的重要性

首先，简单介绍一下品牌。 视觉识别（正确完成后）的设计非常彻底且非常明确。 印刷术，颜色，空格，变体–查看任何 产品或公司的公司品牌指南，您会很快意识到解释的微不足道。

徽标无法近似； 必须精确地复制它们，这就是为什么我们依靠图像文件将其显示在网页上的原因。

在网页上显示徽标

大多数网页都显示徽标（这使您想知道为什么没有<logo>或<brand>元素？）并且通常使用<img>标签实现它们： 

<a href="/" title="homepage" id="logo">
  <img src="/img/logo.png" alt="logo" />
</a>

或对锚的内容使用图像替换技术： 

<h1><a href="/" title="homepage" id="logo">Logo</a>
h1 a#logo {
font: 0/0 a;
text-shadow: none;
color: transparent;
background:url(/img/logo.png);
}

这可以。 标记显示“重要的标题，链接到主页，并带有可索引的（可访问的）内容来告诉我们它的含义”。 CSS将内容换成100％视觉上准确的品牌。

但是高像素密度屏幕的问题呢。 为了使上述技术在视网膜世界中起作用，在需要时必须提供第二个高分辨率的徽标版本。 或者是SVG版本。 两种可能性都有，但是如何通过设计自己的连字来依靠网络字体呢？

考虑一下：

  • 如果您已经在使用Web字体图标（为什么不呢？），那么在字体文件中修补其他字形意味着没有额外的服务器请求和很少的额外带宽。
  • 将徽标设置为字体格式意味着您可以根据需要使用CSS对其进行着色，并可以在页面上随意更改其颜色。
  • 使用连字意味着不需要图像替换技术（说了算，做完了，这有点麻烦）。

那么什么是连字？

有关详细说明，请查看我们的《网络印刷术剖析》 。 总而言之，连字是故意设计的字符对组合。 如果一个字体中的两个字符并排放置时显得笨拙（ fl是一个经典示例），则可以设计一个连字来提供帮助。 然后将连字字形“映射到”所讨论的字母组合（关联）。 当浏览器遇到该组合时，它将字母切换为单个连字。

这个原则也不仅适用于字母对 。 字形可以映射到整个字符串。

我们的连字标志符号将是一个假冒的应用程序徽标（名称为“ Vectr”；已删除最后一个元音以证明它是一个应用程序..），并将其映射到字符串“ Vectr”。

流程

毫无疑问， IcoMoon使此过程变得轻松起来。 在IcoMoon出现之前，您需要使用字体设计应用程序（ Inkscape的SVG字体编辑器是负担得起的少数几种方法之一）来对齐和映射每个字形。 然后，您可以将文件保存为好运，直接将其保存为TTF（TrueType），或者另存为SVG，之后再使用其他工具转换为TTF。 然后，最后，您将TTF上传到webfont生成器，以便为您提供最终产品。

使用IcoMoon，您所需要做的就是..

最后，教程

步骤1：矢量文件

在开始任何事情之前，我们将需要一个矢量形式的徽标。 可以在多种图形应用程序中打开和编辑许多矢量文件格式。 封装后脚本（EPS），后脚本（PS），可移植文档格式（PDF）和可缩放矢量图形（SVG）是处理矢量的一些常见示例。

在此示例中，我使用的是Adobe Illustrator，但是整个过程可以应用于其他应用程序（例如开源Inkscape）。

首先，请注意您的画板。 我们正在有效地设计字体字形，在TrueType环境下，它将是512、1024或2048像素的正方形。 这是一个约定，不是必需的，但是我们将选择1024px来给我们提供64x16的坚实网格； 设计大约16像素默认大小的字体的理想选择。

我们的字形将与整个画板正方形一起输出，有效地定义了我们的“ EM”度量。

设计整个字体时，在画布上相对放置所有字符非常重要，这样它们就可以沿着同一基线整齐地放置。

我离题了

将徽标正确放置在画板上后，我们会将文件另存为SVG。 在各种SVG设置中（就我们的目的而言）没有太大差异，只需使用默认值并单击“保存”即可。

第2步：上传到IcoMoon

启动IcoMoon.io Web应用程序。 IcoMoon（由非常聪明的@Keyamoon开发）使您可以选择'n'mix图标字形，将它们映射到您选择的字符，然后下载@ font-face包以在网络上使用。

它还允许你上传自己的字形（如SVG或TTF）添加到您的收藏。 导入我们刚刚制作的SVG文件，然后检查缩略图中的外观是否大致正确。

您可以通过按下铅笔按钮并单击缩略图来重新放置徽标并进行一些小的更改。 实际上，在编辑屏幕中，您可以看到徽标中每个手柄末端的球存在问题。

您看到形状相交的地方吗？ 我们还没有在Illustrator中将所有矢量对象正确地组合在一起，因此我需要返回并确保正确完成了操作。

一切就绪后，让我们构建一个图标集合。

步骤3：建立馆藏

选择所需的图标，包括徽标，然后单击“（生成）字体”。 此时，您将获得每个字形的预览，包括它们将映射到的字符或unicode实体。

您可以自己定义字符（如果需要），或者像我们这样，可以定义整个字符串以用作连字。

打开“首选项”菜单，然后选中“启用连字”复选框。 现在，我们可以在字形上方的框中输入自定义连字字符串。 在我们的例子中，“ Vectr”（当然是区分大小写的）。

在“首选项”窗口中，您还可以选择将字体下载为Base64，嵌入在CSS本身中，而不是作为单独的字体文件坐在服务器上。 我选择Base64编码，因为它可以为我们节省更多 HTTP请求。

步骤4：下载

现在，当您点击下载时，将为您提供功能齐全的演示； HTML文件，所有字体文件和随附CSS。

默认CSS使您可以选择所有具有[data-icon]属性的元素，或者直接在要应用字体文件的元素上直接使用选择的类。 我们还提供了许多有趣的印刷CSS规则。 其中一些是特定于浏览器的，但是所有这些都值得一看： 

speak: none;
/* Enable Ligatures */
-webkit-font-feature-settings:"liga","dlig";
-moz-font-feature-settings:"liga=1, dlig=1";
-moz-font-feature-settings:"liga","dlig";
-ms-font-feature-settings:"liga","dlig";
-o-font-feature-settings:"liga","dlig";
font-feature-settings:"liga","dlig";
text-rendering:optimizeLegibility;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;

有一些相当实验性的规则可确保在可能的情况下使用连字，然后还有一些其他（更标准的）规则可为有问题的元素重置文本显示。 在您看到的所有内容之前，请先speak: none; 这样可以防止相关设备“窃听”内容（在我们徽标的情况下可能没有必要）。 然后，您会注意到optimizeLegibility和webkit的font-smoothing ，这是确保在各种浏览器中以最佳方式显示font-smoothing所有良好做法。

步骤5：我们CSS

无论如何，现在暂时忽略这些样式， 我们要做的就是确保我们的logo元素具有新的字体-系列适用于它： 

<h1 class="logo">
<a href="#">Vectr</a>
</h1>
.logo {
font-family: 'vectr';
}

而已！ 每当我们的浏览器遇到带有“徽标”类，内容为“ Vectr”的元素时，就会显示我们的徽标。 现在，仅通过CSS，我们就可以独立于大小，颜色，各种其他CSS效果以及所有100％的分辨率进行更改。

我的大胖希腊警告

振作起来： IE9和更早版本不支持连字。 自版本10起，Opera也取消了对它的支持（尽管随着Opera转向Webkit ，这可能会很快改变）。 所有其他现代浏览器，包括移动平台，都可以很好地发挥作用，但是您需要确保拥有针对旧版本Internet Explorer的后备解决方案。

一种方法是在HTML标签上使用条件类 ： 

<!--[if lt IE 7 ]> <html class="ie6 lt-ie10 lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7 lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8 lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9 lt-ie10"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

这些使您能够识别IE的所有版本。 早于IE10的所有内容都赋予lt-ie10类。 然后，您可以在较早的浏览器中否决徽标样式，从而定义一些替代Webfont连字的方式： 

html.lt-ie10 .logo {
   background: something-or-other-change-the-font-family-and-so-on;
}

其他资源

翻译自: https://webdesign.tutsplus.com/articles/your-logo-as-a-web-font-ligature--webdesign-11375

shields 徽标

daique1908
关注
coze_扩展_shields_003_代码生成徽章
浪漫韫秋
09-06 440
本文介绍了如何在VS Code中使用Node.js生成项目徽章。首先通过npm init -y初始化项目，并安装badge-maker核心依赖。随后演示了两种徽章生成方式：1）静态多状态徽章，通过配置文本和颜色生成SVG文件；2）动态获取NPM包版本信息生成版本徽章，需额外安装npm-registry-fetch。两个示例分别提供了完整的代码实现和运行方法，生成结果均为可嵌入项目的SVG文件。操作过程配有终端命令和效果截图，适合开发者快速上手项目徽章生成。
coze_扩展_shields_002
最新发布
浪漫韫秋
09-06 744
Shields.io静态徽章的消息内容完全自定义，可根据实际需求灵活设置。常见应用场景包括：1）项目状态类（如Stable/Beta/Archived）；2）技术栈类（标注语言/框架版本）；3）兼容性类（系统/浏览器支持）；4）协作类（PRs-Welcome等）；5）授权类（许可证类型）；6）文档类（文档状态）。消息文本支持任意定制，只需替换URL中的转义字符即可生成个性化徽章，满足开源项目、团队协作等多样化需求。
shields 徽标_使用OnlineLogoMaker.com制作免费徽标
culing2941的博客
09-14 590
shields 徽标Logos have been lately very important for every Business, Entrepreneur, Blog, Website and much more. It helps to create a brand value for the associated entity. 徽标最近对于每个企业，企业家，博客，网站等等都非常重要。...
shields 徽标_响应标题和徽标–提示和陷阱
cune1359的博客
06-29 345
响应式Web设计的概念已经渗透到整个Web中，并成为前端开发人员的必备条件。 在现代世界中，不可否认响应式设计的价值，但是要完全理解如何正确设计响应式布局存在一些困难。 该主题可能会持续进行，因为网站上有如此众多的独特区域，但是专注于各个元素可以帮助您更好地理解用户的目标，以及如何通过响应式设计实现这些目标。 我想介绍标题，徽标和导航菜单的 设计提示 ，因为它们与响应式设计有关。 在将...
shields 徽标_所有徽标看起来都一样
weixin_26732311的博客
09-14 435
shields 徽标 重点 (Top highlight)Currently, we are facing such a graphic design phase when a lot of brands use to have very similar logos. More exactly, a lot of brands switched from having proper logos t...
shields 徽标_基本徽标设计的简单指南
cune1359的博客
06-26 487
当您想到徽标时，会想到什么？ 一个金色的拱形M，一堆直线和圆，或者仅仅是一个可爱的小形状？ 那么，为什么“徽标设计”必须只限于具有各种精美程序知识的高度专业的计算机怪才来完成呢？ 老实说，我自己从来都不了解。 通过我自己作为徽标设计者的经验，我可以放心地同意， 任何有想象力并且可以使用任何类型的软件 （甚至包括Microsoft Words） 都可以进行徽标设计。 为了证明我的观点，我们将...
shields 徽标_符号及其在徽标设计中的影响
cune1359的博客
07-06 419
图形设计师用来创建出色徽标的最具活力的工具之一是符号。 。 在设计公司徽标时，主要的事情之一就是定义身份，即清楚地代表公司是谁以及如何被感知。 精心执行的徽标为用户以及与徽标进行交互的所有人员具体化了身份。 现在，作为设计师，我们必须认识到并尊重赋予徽标这种力量的力量，以定义我们的目标是为客户创造高质量和有效的徽标。 在设计领域中，对于我们来说， 符号通常是图形元素的组合，这些图形元素代表...
Basic-Arduino-Web-Server.rar_arduino_arduino web server_web serv
09-24
标题中的“Basic-Arduino-Web-Server.rar”暗示了这个压缩包包含了一个关于使用Arduino构建基础Web服务器的教程或项目。Arduino是一种流行的开源电子原型平台，它允许用户通过编程来控制各种电子元件。在本案例中，...
coze_扩展_shields_001
浪漫韫秋
09-06 360
Shields.io徽章支持通过URL参数控制输出格式：SVG是默认格式，直接使用基础URL即可；如需PNG/JPG等光栅格式，只需在URL末尾添加format=png或format=jpg参数。还可通过size=宽x高调整尺寸，避免模糊。操作简单，无需额外工具，适合不同文档需求。
Ada_Arduino_Shields
04-09
如果要使用其他核板，请使用Ada Drivers Library随附的Project Wizard选择您的板。 您将需要更改每个shield目录的src文件夹中的*_shield.ads文件的硬件地址。 您可以使用Adacore的GNAT Programming Studio或...
shields 徽标_信息图：如何设计完美的徽标
08-06 277
shields 徽标What is Logo? Logo means much more than only an image for customers to look at while they use a product or service. It is the face of an entire brand, a symbol that determines how people thi...
shields 徽标_符号，标志，文字标记：徽标类型的综合指南
weixin_26732881的博客
08-04 1391
shields 徽标Designers and non-designers alike struggle with common terminology when talking about brand marks, often using different terms interchangeably. When it comes to clarifying definitions, somet...
shields 徽标_是什么让徽标很棒
weixin_26715991的博客
08-16 476
shields 徽标 重点 (Top highlight)“I’ll know it when I see it.” “看到它我就会知道。” Yuck. uck To a designer, this non-specific direction can be frustrating to receive — but there is a glimmer of value hiding in ...
shields 徽标_我们如何准确地记住著名徽标的特征和颜色？
weixin_26732881的博客
08-03 1117
shields 徽标The logos of global corporations like Apple, Starbucks, Adidas, and IKEA are designed to create instant brand associations in the minds of billions who see them every day. But how accurately...
Github 徽章shields使用教程
热门推荐
岁月不饶人，我亦未曾饶过岁月
03-31 1万+
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766 大家平时在逛GitHub，Gitee，各大论坛博客的时候，都有很好看很漂亮的徽章，这里就简单写个使用教程，方便大家使用。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-F7kCVqgp-1585489182113)(https://img.shields.io/badge/R...
网站徽章shields制作教程
欢迎来到 Baret-H 的博客
03-25 4153
平时在逛 Gitee、Github 等各大代码仓库时，往往能看到以下这种徽章式的网页链接，美观好看又方便，那么这个徽章是如何制作出来的呢？本文就带大家制作属于自己的徽章式链接。
README.md 小图标 shields & 标签 & icon
weixin_45129599的博客
04-12 396
小图标生成：https://shields.io/输入 左边内容、右边内容、颜色即可生成：点击 Make Badge 会跳转到一个网页如：这个链接可以直接作为src的资源使用！https://img.shields.io/badge/%E4%BD%A0%E7%9C%8B%E6%88%91%E5%B0%B1%E6%98%AF%E5%B0%8F%E5%9B%BE%E6%A0%87-%E5%98%BF%...
shields小徽章是如何生成的？以及搭建自己的shield服务器
weixin_33869377的博客
09-30 3098
shields小徽章介绍 一般开源项目都会有一些小徽章来标识项目的状态信息，并且这些信息是会自动更新的。在shields的官网https://shields.io/#/, 上面有各种各样的小图标，并且有很多自定义的方案。 起因：如何给私有部署的jenkins制作shields服务？ 私有部署的jenkins是用来打包docker镜像的，...
GitHub常见标签生成教学，让你的开源库添加几分姿色。
上辈子作恶多端，这辈子写前端。
06-20 5774
一：经常逛GitHub的同学都不难发现好多大神写的开源库都有如下特征，贴了好多标签。 二：为了拉近与大神之间的差距，我一定要学会这个技能（其实就是为了装13）。找了半天终于找到了生成这种标签的网站。网址：shields.io网站首页，在这里你就可以看到那些大神经常用到的标签了在首页的最下面就是我们自己生成标签的地方了,先来看张生成的效果图，color也就是status的背景了。三：图片都生成好
字体颜色
03-12
<think>好的，用户现在问的是关于“字体颜色”的问题。之前他们遇到了使用tcolorbox时中文标题的报错，我帮助他们解决了LaTeX中的配置问题。现在需要介绍字体颜色，可能需要考虑不同的场景，比如LaTeX中的设置，或者其他文档处理工具中的方法？ 首先，用户可能是在使用LaTeX，因为之前的对话涉及tcolorbox宏包。但也不排除他们在使用其他工具，比如Word、HTML/CSS或者Markdown。不过根据之前的上下文，LaTeX的可能性更大。不过，为了全面性，可能需要涵盖多种情况，但优先详细讲解LaTeX中的字体颜色设置。 在LaTeX中，设置字体颜色通常需要使用xcolor宏包或者color宏包。用户可能需要知道如何局部更改颜色，或者全局设置。另外，他们可能想知道如何自定义颜色，或者使用预定义的颜色名。比如\textcolor{red}{红色文字}这样的命令。 另外，用户可能在tcolorbox内部设置字体颜色，比如在标题或者内容部分。这时候可能需要结合之前的tcolorbox配置，使用coltitle参数或者直接在内容中使用颜色命令。需要提醒用户注意宏包的加载顺序，比如xcolor要在tcolorbox之前加载，避免冲突。 还可能遇到的问题是，用户在使用中文时，颜色命令是否兼容。比如，是否需要在字体命令（如\songti、\heiti）之后使用颜色，或者反过来。需要说明正确的顺序，通常是先字体命令再颜色，或者同时使用，但需要注意分组。 另外，用户可能想知道在LaTeX中如何定义新的颜色，使用RGB或者CMYK值。例如，\definecolor{mycolor}{RGB}{255,0,0}，然后在文中使用。 除了LaTeX，用户可能也想知道其他环境中的字体颜色设置。比如在HTML中使用CSS（color: red;），或者在Markdown中使用HTML标签（<span style="color:red">文本</span>）。不过根据之前的对话，重点可能还是在LaTeX上。 需要确保回答结构清晰，分点说明，提供示例代码，并注意LaTeX语法正确性，如使用$...$或$$...$$。例如，在LaTeX中，行内的颜色设置使用\textcolor，独立段落的可能需要用{\color{blue} 文字}包裹，或者使用环境。 可能还需要提醒常见的错误，比如忘记加载xcolor宏包，或者颜色名称拼写错误，导致编译错误。例如，使用“red”是正确的，而“rouge”则不是预定义的颜色名。 另外，用户可能想知道如何在不同部分设置颜色，比如章节标题、页眉页脚等，这时候可能需要使用对应的宏包，比如titlesec来修改标题颜色。 总结，回答的结构应该是先介绍LaTeX中的基本颜色设置，包括宏包加载、命令使用、自定义颜色，然后可能扩展到其他应用场景，最后提及常见问题及解决方法。需要保持步骤清晰，代码示例正确，并符合用户之前提到的系统级指令，如正确使用行内和独立公式的LaTeX格式，虽然这里可能更多是文本颜色而非数学公式，但仍需注意代码块的正确格式。</think>### 字体颜色设置详解 在文档中设置字体颜色是排版中常见的需求，不同工具和场景下的实现方式略有差异。以下以 $\LaTeX$ 为核心，结合常见场景分步骤说明： --- #### 一、$\LaTeX$ 基础颜色设置 **1. 加载宏包** ```latex \usepackage{xcolor} % 基础颜色库（支持170+预定义颜色） \usepackage{color} % 兼容旧版（通常与xcolor联合使用） ``` **2. 行内颜色控制** ```latex \textcolor{red}{红色文字} \quad {\color{blue} 蓝色文字} \quad \textcolor[rgb]{0.5,0.8,0.2}{自定义RGB颜色} ``` - **预定义颜色**：`red`, `blue`, `green`, `cyan`, `magenta`, `yellow`, `black`, `white` 等 - **扩展颜色**：`orange`, `violet`, `teal`, `brown` 等（需加载xcolor） **3. 独立段落颜色** ```latex {\color{purple} 此段落所有文字为紫色 包含换行后的内容... } ``` --- #### 二、高级颜色操作 **1. 自定义颜色** ```latex \definecolor{myred}{RGB}{255,50,80} % RGB模式（0-255） \definecolor{myblue}{cmyk}{1,0.8,0,0} % CMYK模式（0-1） \definecolor{mygray}{gray}{0.6} % 灰度模式（0-1） ``` 使用自定义颜色： `\textcolor{myred}{自定义红色}` **2. 颜色混合** ```latex \colorlet{lightblue}{blue!40!white} % 混合40%蓝色+60%白色 \textcolor{lightblue}{浅蓝色文字} ``` **3. 带背景色的文字** ```latex \colorbox{yellow}{黄底黑字} \quad \fcolorbox{red}{white}{红框白底文字} ``` --- #### 三、与其他排版元素结合 **1. 数学公式颜色** ```latex $\color{green} a^2 + b^2 = c^2$ % 行内公式 $$ \color{red} \int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2} $$ % 独立公式 ``` **2. 超链接颜色（hyperref宏包）** ```latex \usepackage[colorlinks=true, linkcolor=blue, urlcolor=cyan]{hyperref} ``` **3. tcolorbox中的颜色控制** ```latex \begin{tcolorbox}[ title={\textcolor{white}{白标题}}, colback=black, % 背景色 colframe=red, % 边框色 coltitle=white % 标题文字色 ] 黑底白字内容... \end{tcolorbox} ``` --- #### 四、常见问题与解决 | **问题现象** | **原因分析** | **解决方案** | |--------------|--------------|--------------| | 编译报错 `Undefined color` | 未加载xcolor宏包或拼写错误 | 检查宏包加载和颜色名称 | | 中文显示为乱码 | 颜色命令与中文字体编码冲突 | 使用 `\textcolor{red}{\CJKfamily{hei} 黑体红字}` | | PDF书签颜色异常 | hyperref参数设置冲突 | 添加 `pdfborder={0 0 0}` 取消边框色 | --- #### 五、其他场景速查 **1. Markdown** ```markdown <span style="color:blue">蓝色文字</span> ![颜色代码](https://img.shields.io/badge/颜色-FF0000-red) ``` **2. HTML/CSS** ```html <p style="color: #FF5733;">橙色文字</p> ``` **3. Microsoft Word** 通过「开始」选项卡 → 「字体颜色」按钮选择（支持RGB值自定义） --- 通过上述方法，您可以在不同场景下精准控制字体颜色。若需更复杂的渐变或动态效果，可进一步探索 $\LaTeX$ 的 `pgf` 宏包或专业设计工具。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值