CSS font-family 各名称一览表

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

windows常见内置中文字体

字体中文名	字体英文名	字体应用
宋体	SimSun（浏览器默认）	中文名 英文名 浏览器默认
黑体	SimHei	中文名 英文名 浏览器默认
微软雅黑	Microsoft Yahei	中文名 英文名 浏览器默认
微软正黑体	Microsoft JhengHei	中文名 英文名 浏览器默认
楷体	KaiTi	中文名 英文名 浏览器默认
新宋体	NSimSun	中文名 英文名 浏览器默认
仿宋	FangSong	中文名 英文名 浏览器默认

OS X常见内置中文字体

字体中文名	字体英文名	字体应用
苹方	PingFang SC	中文名 英文名 浏览器默认
华文黑体	STHeiti	中文名 英文名 浏览器默认
华文楷体	STKaiti	中文名 英文名 浏览器默认
华文宋体	STSong	中文名 英文名 浏览器默认
华文仿宋	STFangsong	中文名 英文名 浏览器默认
华文中宋	STZhongsong	中文名 英文名 浏览器默认
华文琥珀	STHupo	中文名 英文名 浏览器默认
华文新魏	STXinwei	中文名 英文名 浏览器默认
华文隶书	STLiti	中文名 英文名 浏览器默认
华文行楷	STXingkai	中文名 英文名 浏览器默认
冬青黑体简	Hiragino Sans GB	中文名 英文名 浏览器默认
兰亭黑-简	Lantinghei SC	中文名 英文名 浏览器默认
翩翩体-简	Hanzipen SC	中文名 英文名 浏览器默认
手札体-简	Hannotate SC	中文名 英文名 浏览器默认
宋体-简	Songti SC	中文名 英文名 浏览器默认
娃娃体-简	Wawati SC	中文名 英文名 浏览器默认
魏碑-简	Weibei SC	中文名 英文名 浏览器默认
行楷-简	Xingkai SC	中文名 英文名 浏览器默认
雅痞-简	Yapi SC	中文名 英文名 浏览器默认
圆体-简	Yuanti SC	中文名 英文名 浏览器默认

office安装后新增字体

字体中文名	字体英文名	字体应用
幼圆	YouYuan	中文名 英文名 浏览器默认
隶书	LiSu	中文名 英文名 浏览器默认
华文细黑	STXihei	中文名 英文名 浏览器默认
华文楷体	STKaiti	中文名 英文名 浏览器默认
华文宋体	STSong	中文名 英文名 浏览器默认
华文仿宋	STFangsong	中文名 英文名 浏览器默认
华文中宋	STZhongsong	中文名 英文名 浏览器默认
华文彩云	STCaiyun	中文名 英文名 浏览器默认
华文琥珀	STHupo	中文名 英文名 浏览器默认
华文新魏	STXinwei	中文名 英文名 浏览器默认
华文隶书	STLiti	中文名 英文名 浏览器默认
华文行楷	STXingkai	中文名 英文名 浏览器默认
方正舒体	FZShuTi	中文名 英文名 浏览器默认
方正姚体	FZYaoti	中文名 英文名 浏览器默认

开源字体

字体中文名	字体英文名	字体应用
思源黑体	Source Han Sans CN	中文名 英文名 浏览器默认
思源宋体	Source Han Serif SC	中文名 英文名 浏览器默认
文泉驿微米黑	WenQuanYi Micro Hei	中文名 英文名 浏览器默认

版权字体（汉仪）

字体中文名	字体英文名	字体应用
汉仪旗黑	HYQihei 40S	中文名 英文名 浏览器默认
汉仪旗黑	HYQihei 50S	中文名 英文名 浏览器默认
汉仪旗黑	HYQihei 60S	中文名 英文名 浏览器默认
汉仪大宋简	HYDaSongJ	中文名 英文名 浏览器默认
汉仪楷体	HYKaiti	中文名 英文名 浏览器默认
汉仪家书简	HYJiaShuJ	中文名 英文名 浏览器默认
汉仪PP体简	HYPPTiJ	中文名 英文名 浏览器默认
汉仪乐喵体简	HYLeMiaoTi	中文名 英文名 浏览器默认
汉仪小麦体	HYXiaoMaiTiJ	中文名 英文名 浏览器默认
汉仪程行体	HYChengXingJ	中文名 英文名 浏览器默认
汉仪黑荔枝	HYHeiLiZhiTiJ	中文名 英文名 浏览器默认
汉仪雅酷黑W	HYYaKuHeiW	中文名 英文名 浏览器默认
汉仪大黑简	HYDaHeiJ	中文名 英文名 浏览器默认
汉仪尚魏手书W	HYShangWeiShouShuW	中文名 英文名 浏览器默认

版权字体（方正）

字体中文名	字体英文名	字体应用
方正粗雅宋简体	FZYaSongS-B-GB	中文名 英文名 浏览器默认
方正报宋简体	FZBaoSong-Z04S	中文名 英文名 浏览器默认
方正粗圆简体	FZCuYuan-M03S	中文名 英文名 浏览器默认
方正大标宋简体	FZDaBiaoSong-B06S	中文名 英文名 浏览器默认
方正大黑简体	FZDaHei-B02S	中文名 英文名 浏览器默认
方正仿宋简体	FZFangSong-Z02S	中文名 英文名 浏览器默认
方正黑体简体	FZHei-B01S	中文名 英文名 浏览器默认
方正琥珀简体	FZHuPo-M04S	中文名 英文名 浏览器默认
方正楷体简体	FZKai-Z03S	中文名 英文名 浏览器默认
方正隶变简体	FZLiBian-S02S	中文名 英文名 浏览器默认
方正隶书简体	FZLiShu-S01S	中文名 英文名 浏览器默认
方正美黑简体	FZMeiHei-M07S	中文名 英文名 浏览器默认
方正书宋简体	FZShuSong-Z01S	中文名 英文名 浏览器默认
方正舒体简体	FZShuTi-S05S	中文名 英文名 浏览器默认
方正水柱简体	FZShuiZhu-M08S	中文名 英文名 浏览器默认
方正宋黑简体	FZSongHei-B07S	中文名 英文名 浏览器默认
方正宋三简体	FZSong	中文名 英文名 浏览器默认
方正魏碑简体	FZWeiBei-S03S	中文名 英文名 浏览器默认
方正细等线简体	FZXiDengXian-Z06S	中文名 英文名 浏览器默认
方正细黑一简体	FZXiHei I-Z08S	中文名 英文名 浏览器默认
方正细圆简体	FZXiYuan-M01S	中文名 英文名 浏览器默认
方正小标宋简体	FZXiaoBiaoSong-B05S	中文名 英文名 浏览器默认
方正行楷简体	FZXingKai-S04S	中文名 英文名 浏览器默认
方正姚体简体	FZYaoTi-M06S	中文名 英文名 浏览器默认
方正中等线简体	FZZhongDengXian-Z07S	中文名 英文名 浏览器默认
方正准圆简体	FZZhunYuan-M02S	中文名 英文名 浏览器默认
方正综艺简体	FZZongYi-M05S	中文名 英文名 浏览器默认
方正彩云简体	FZCaiYun-M09S	中文名 英文名 浏览器默认
方正隶二简体	FZLiShu II-S06S	中文名 英文名 浏览器默认
方正康体简体	FZKangTi-S07S	中文名 英文名 浏览器默认
方正超粗黑简体	FZChaoCuHei-M10S	中文名 英文名 浏览器默认
方正新报宋简体	FZNew BaoSong-Z12S	中文名 英文名 浏览器默认
方正新舒体简体	FZNew ShuTi-S08S	中文名 英文名 浏览器默认
方正黄草简体	FZHuangCao-S09S	中文名 英文名 浏览器默认
方正少儿简体	FZShaoEr-M11S	中文名 英文名 浏览器默认
方正稚艺简体	FZZhiYi-M12S	中文名 英文名 浏览器默认
方正细珊瑚简体	FZXiShanHu-M13S	中文名 英文名 浏览器默认
方正粗宋简体	FZCuSong-B09S	中文名 英文名 浏览器默认
方正平和简体	FZPingHe-S11S	中文名 英文名 浏览器默认
方正华隶简体	FZHuaLi-M14S	中文名 英文名 浏览器默认
方正瘦金书简体	FZShouJinShu-S10S	中文名 英文名 浏览器默认
方正细倩简体	FZXiQian-M15S	中文名 英文名

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

1. 全新的界面设计 ，将会带来全新的写作体验；
2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
4. 全新的 KaTeX数学公式 语法；
5. 增加了支持甘特图的mermaid语法¹ 功能；
6. 增加了 多屏幕编辑 Markdown文章功能；
7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
8. 增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片:

带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block var foo = 'bar'; 

生成一个适合你的列表

• 项目
  • 项目
    • 项目

1. 项目1
2. 项目2
3. 项目3

• 计划任务
• 完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	'Isn't this fun?'	‘Isn’t this fun?’
Quotes	"Isn't this fun?"	“Isn’t this fun?”
Dashes	-- is en-dash, --- is em-dash	– is en-dash, — is em-dash

创建一个自定义列表

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

如何创建一个注脚

一个具有注脚的文本。²

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ 是通过欧拉积分

$$\Gamma (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能，丰富你的文章

gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 现有任务
        已完成               :done,    des1, 2014-01-06,2014-01-08
        进行中               :active,  des2, 2014-01-09, 3d
        计划一               :         des3, after des2, 5d
        计划二               :         des4, after des3, 5d

• 关于 甘特图 语法，参考 这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：:

这将产生一个流程图。:

• 关于 Mermaid 语法，参考 这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图：

• 关于 Flowchart流程图 语法，参考 这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件或者.html文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

---

1. mermaid语法说明 ↩︎

2. 注脚的解释 ↩︎