Markdown 字体字号
1. 前言
字体是丰富排版的主要方式。一篇中会通过不同的字体字号来区分的作用,例如使用「黑体」,「一号字」作为,使用「宋体」、「四号字」作为正文等。
Markdown 使普通文本具有格式,但它的原生语法并字体、字号。为了实现丰富样式的需求,我们需要通过 HTML 实现此类。
环境说明:
考虑到 Markdown 工具之不兼容,有的直接从复制粘贴到本地不会正常,大家学习时自己动手写是肯定没问题的。本节所有实例及演示均使用 Typora 工具完成。
本节所有截图均为 Typora 导出为 HTML 后渲染。
2. 语法详解
在 Markdown 中,建议使用 <font>
的 face
字体。
实例 1:
#### 使用 `<font>` 的字体 这里是认字体<font face="HEI">这里是黑体</font><font face="KAI">这里是楷体</font><font face="GB18030 Bitmap">这里是扩展字体</font><style>p {font-size: rem;}</style>
其渲染结果如下:
字体在不同环境中程度不同,表现结果可能也不同。在设计上,尽量选择较为通用的字体。以下是一些 Web 常用字体:
Markdown 文档中的字号定义有三种主要方式,第一种是使用 <font>
;第二种通过 <big>
或者 <small>
;第三种是通过 style
样式实现。
实例 2:
#### 使用 `<font>` 的字号 这里是认正号<font size="1">1号字 最小</font><font size="2">2号字</font><font size="3">3号字 认</font><font size="4">4号字</font><font size="5">5号字</font><font size="6">6号字</font><font size="7">7号字 最大</font>
其渲染结果如下:
实例 3:
#### 使用 `<big>` 或 `<small>` 的字号 这段里既包含<big>放大了的</big>,也包含<small>缩小了的</small>
其渲染结果如下:
实例 4:
使用 style
样式全局字体和字号。
#### 使用 `style` 字体字号# WORD中常用的一号宋体## WORD中常用的二号宋体### WORD中常用的三号宋体Word 中常用的四号正文楷体<style>h1 { font: pt song !important; }h2 { font: pt song !important; }h3 { font: pt song !important; }p { font: pt kai !important; }</style>
其渲染结果如下:
3. 使用场景及应用实例
全局字体字号的通常用于对格式有严格要求的场景,比如毕业论文、或者招投标书之类的官方文档。
局部字体字号的更常见于个人类、用多元化的字体形式丰富的 “性格”。
实例 5:
制作一段。
#### 实例<font face="KAI" size=5>大江东去</font><font face="KAI" size=3>海之一粟</font><font face="KAI">江海寄余生</font><font face="song" size=5>天涯何处无芳草</font> <font face="KAI" size=5>一蓑烟雨任平生</font><font face="HEI" size=7>苏东坡</font><font face="HEI" size=4>寂寞沙洲冷</font> <font size=6>但愿人长久</font><font size=5>十年生死两茫茫</font><font size=2>诗酒趁年华</font>
其渲染结果如下:
4. 小结
写正式文档尽量使用全局字体,写个人文档可以更自由的发挥;
字号的定义尽量不要使用固定值,比如 size=2
或者 font-size: 20px
,对于一种整体性较好,适应多种分辨率的布局形式,可以多使用相应字号如 <big>
、<small>
、font-size: 2rem
等;
字体与电脑中已安装的字体有关,由于电脑使用者、操作系统差异,同一 Markdown 在不同的电脑上表现可能会不同,请尽量使用通用字体。
尽量不要主动定义 Markdown 文档中字体,如果 Markdown 中字体定义过多,维护的成本会很高。当我们需要字体字号的时候,请尽量使用 <font>
,因为 <font>
语义明确。