一.字体

1.1多种颜色字体

Typora默认的字体颜色是黑色，不同于其他软件Typora的字体颜色和使用的主题设置有关，在CSS文件中可以在如下区域进行全局字体相关属性的设置。

但是这种办法不够灵活，Typora中的字体可以嵌套使用HTML，所以可以使用渲染内联 HTML。

1.1.1快速设置字体颜色

如果只需要调整字体颜色，那么可以使用<font color>text</font>标签对一段文字进行修饰，可以达到更改颜色的效果。

示例：

• 红色字体
• 金色字体
• 蓝色字体

示例源代码：

<font color="red">红色字体</font>
<font color='gold'>金色字体</font>
<font color='blue'>蓝色字体</font>

1.1.2对字体进行精细调整

如果想要对一段文字进行精细调整则需要使用<span></span>标签并指定其style属性。style属性的每一个属性值之间使用;进行分割。

在style属性中可以指定字体颜色、背景颜色、字体对齐方式等等。

示例如下：

• 黑底白字：黑底白字。
• 黑底白字、指定为斜体：黑底白字
• 斜体黑底白字更改左侧空白大小：黑底白字
• 斜体黑底白字、指定为斜体、更改左侧空白大小并添加底部黄色边框：黑底白字
• 斜体黑底白字、指定为斜体、更改左侧空白大小、添加底部黄色边框、设置对齐方式并设置圆角：黑底白字

示例源代码如下：

<!-- 黑底白字 -->
<span style=" background:black;color:rgb(255, 255, 255)">黑底白字</span>
<!-- 黑底白字、指定为斜体 -->
<span style=" background:black;color:rgb(255, 255, 255);font-style:italic">黑底白字</span>
<!-- 斜体黑底白字更改左侧空白大小 -->
<span style=" background:black;color:rgb(255, 255, 255);font-style:italic;margin-left:20px">黑底白字</span>
<!-- 斜体黑底白字、指定为斜体、更改左侧空白大小并添加底部黄色边框 -->
<span style=" background:black;color:rgb(255, 255, 255);font-style:italic;margin-left:20px;border-bottom: 15px solid #FFFF00">黑底白字</span>
<!-- 斜体黑底白字、指定为斜体、更改左侧空白大小、添加底部黄色边框、设置对齐方式并设置圆角 -->
<span style=" background:black;color:rgb(255, 255, 255);font-style:italic;margin-left:20px;border-bottom: 15px solid #FFFF00;text-align:right;border-radius: 0.4rem;">黑底白字</span>

1.2更多的字体

如果发现正常的输入法无法满足需求的字体时，有两种解决办法：

• 使用HTML内连渲染HTML实体。例如： 或者£
• 使用LaTex符号。$\alpha$或者$\theta$

示例源码：

®或者£
$\alpha$或者$\theta$

二.链接详解

未完待续！！