大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
Markdown是一种轻量级标记语言，排版语法简洁，让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档，可与HTML混编，可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写，Markdown被大量使用，如Github、Wikipedia、简书等。
Markdown语法过于简洁，因此没有更改文本字体、字体大小、字体颜色的语法。但支持与HTML混编，使用HTML语法来改变字体、字体大小、字体颜色等。下面详细讲解一些。
1、Markdown现有的文本样式。
| Markdown语法 | 显示效果 |
|---|---|
| *斜体文本* | 斜体文本 |
| _斜体文本_ | 斜体文本 |
| *加粗文本* | 加粗文本 |
| __加粗文本__ | 加粗文本 |
| ==标记文本== | 标记文本 |
| ~~删除文本~~ | |
| `粉色文本` | 粉色文本 |
由表中可以看到 Markdown 仅支持 斜体、加粗、标记、删除、粉色五类文本样式，下面介绍HTML的 font 标签，使编写的Markdown格式文本支持修改字体、改字体大小、改字体颜色。
2、HTML的font标签-改字体、字体颜色、字体大小。
讲这个标签前，先看下面的 Markdown 格式文本及显示效果
2.1、Markdown格式文本
<font face="仿宋">这是宋体</font>
<font face="楷体">这是楷体</font>
<font face="courier New">This is courier New</font>
<font face="仿宋" color=red>这是红色宋体</font>
<font face="楷体" color="blue">这是蓝色楷体</font>
<font face="courier New" color= #20B2AA>This is LightSeaGreen courier New</font>
这是默认字体
<font face="仿宋" color=red size=4>这是红色4号宋体</font>
<font face="楷体" color="blue" size=5>这是蓝色5号楷体</font>
<font face="courier New" color= #20B2AA size=6>This is LightSeaGreen courier New size 6</font>
2.2、显示效果
这是宋体
这是楷体
This is courier New
这是红色宋体
这是蓝色楷体
This is LightSeaGreen courier New
这是默认字体
这是红色4号宋体
这是蓝色5号楷体
This is LightSeaGreen courier New size 6
2.3、font标签解释
从2.1、Markdown格式文本可以看到font标签的基本应用及格式，font标签主要有三个属性face、color、size分别用来设置文本的字体、颜色、大小。这三个属性可以单个地使用，如果对使用不清楚的，可以把2.1、Markdown格式文本内容复制到markdown编辑器，然后自己修改着看看。
注意：
选择的字体，要markdown编辑器支持的，如果太罕见的字体可能会没有而显示默认的字体
字体颜色可以是英文表示的，也可以是#后面加rgb值表示，颜色和rgb值的可以参考颜色码对照表
字体大小只有1到7总共7个字号可以选择
3、HTML的mark标签-标记文本
markdown本身也有标记文本的语法，这里再提供一种内嵌html的写法，供读者对比使用。
3.1、Markdown格式文本
这是正常文本
==这是 markdown 的标记文本==
<mark>这是 HTML 的标记文本</mark>
3.2、显示效果
这是正常文本
这是 markdown 的标记文本
这是 内嵌HTML 的标记文本
4、HTML的strong标签-加粗文本
markdown本身也有加粗文本的语法，这里再提供一种内嵌html的写法，供读者对比使用。
4.1、Markdown格式文本
这是正常文本
**这是 markdown 的加粗文本**
<strong>这是 内嵌HTML 的加粗文本</strong>
4.2、显示效果
这是正常文本
这是 markdown 的加粗文本
这是 内嵌HTML 的加粗文本
5、HTML的em标签-斜体文本
markdown本身也有斜体文本的语法，这里再提供一种内嵌html的写法，供读者对比使用。
5.1、Markdown格式文本
这是正常文本
**这是 markdown 的斜体文本**
<strong>这是 内嵌HTML 的斜体文本</strong>
5.2、显示效果
这是正常文本
这是 markdown 的斜体文本
这是 内嵌HTML 的斜体文本
6、HTML的del标签-删除文本
markdown本身也有删除文本的语法，这里再提供一种内嵌html的写法，供读者对比使用。
6.1、Markdown格式文本
这是正常文本
~~这是 markdown 的删除文本~~
<del>这是 内嵌HTML 的删除文本</del>
6.2、显示效果
这是正常文本
这是 markdown 的删除文本
这是 内嵌HTML 的删除文本
7、HTML的big、small标签-加大、减小字号
前面 2.HTML的font标签 介绍了怎样改字体大小，这里再介绍另一种写法，供读者对比使用。使用big标签字号比默认的大一号，使用small标签使字号比默认小一号
7.1、Markdown格式文本
<small>这是比默认字号小一号的文本</small>
这是默认字号文本
<big>这是比默认字号大一号的文本</big>
7.2、显示效果
这是比默认字号小一号的文本
这是默认字号文本
这是比默认字号大一号的文本
8、HTML的font、mark、strong、em、del、big、small混合使用
上面介绍的几个标签还可以混合使用，主要使用方式是在font标签前面加上其他标签，可以结合下面文本自己练习看看。
8.1、Markdown格式文本
这是默认字体
<font face="courier New" color=#1E90FF>这是道奇蓝色courier New字体</font>
<mark><font face="courier New" color=#1E90FF>这是高亮的道奇蓝色courier New字体</font></mark>
<mark><strong><font face="courier New" color=#1E90FF>这是高亮加粗的道奇蓝色courier New字体</font><strong></mark>
<mark><strong><big><font face="courier New" color=#1E90FF>这是高亮加粗大一号的道奇蓝色courier New字体<big></font><strong></mark>
<mark><strong><big><em><font face="courier New" color=#1E90FF>这是高亮加粗大一号斜体的道奇蓝色courier New字体<big></font><strong></mark>
8.2、显示效果
这是默认字体
这是道奇蓝色courier New字体
这是高亮的道奇蓝色courier New字体
这是高亮加粗的道奇蓝色courier New字体
这是高亮加粗大一号的道奇蓝色courier New字体
这是高亮加粗大一号斜体的道奇蓝色courier New字体
相关文章：
Markdown编辑器(一) – 实现页内跳转
Markdown编辑器(二) – 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
Markdown编辑器(三) – 图片缩放、指定尺寸、居中、左对齐、右对齐
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/190413.html原文链接：https://javaforall.net
