字体_中英文字体等

Posted 2020-08-05 Html5Skill

ZC: "html5--canvas"中 设置中文字体的 最简洁方式：“ctx.font = "15px KaiTi";”，貌似 在 楷体(或"KaiTi") 前 必须加上"?px "　不然中文字体 没有效果...

ZC: 个人感觉　Win7x64,chrome(版本 51.0.2704.63 m)　中文的默认字体就是 宋体...

 

1、http://www.w3school.com.cn/css/css_font.asp

　　ZC: 知识点：

　　　　(1)、“5种通用字体系列 - 拥有相似外观的字体系统组合（比如 "Serif" 或 "Monospace"）”

　　　　(2)、“特定字体系列 - 具体的字体系列（比如 "Times" 或 "Courier"）”

　　　　(3)、一些字体属性

2、http://www.w3school.com.cn/css/css_font-family.asp

　　CSS 字体系列

 

3、http://www.jb51.net/css/67658.html

　　CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表

　　ZC: 主要是 Windows 和 MAC 平台

　　3.1、

Windows
新细明体	PMingLiU	\65B0\7EC6\660E\4F53	新细明体
细明体	MingLiU	\7EC6\660E\4F53	细明体
标楷体	DFKai-SB	\6807\6977\4F53	标楷体
黑体	SimHei	\9ED1\4F53	黑体
宋体	SimSun	\5B8B\4F53	宋体
新宋体	NSimSun	\65B0\5B8B\4F53	新宋体
仿宋	FangSong	\4EFF\5B8B	仿宋
楷体	KaiTi	\6977\4F53	楷体
仿宋_GB2312	FangSong_GB2312	\4EFF\5B8B_GB2312	仿宋_GB2312
楷体_GB2312	KaiTi_GB2312	\6977\4F53_GB2312	楷体_GB2312
微软正黑体	Microsoft JhengHei	\5FAE\x8F6F\6B63\9ED1\4F53	微软正黑体
微软雅黑	Microsoft YaHei	\5FAE\8F6F\96C5\9ED1	微软雅黑

　　3.2、ZC: 英文的字体，可以从“记事本--> 格式 --> 字体...” 中看到。

 

4、http://www.ruanyifeng.com/blog/2014/07/chinese_fonts.html

　　中文字体网页开发指南

　　ZC: “CSS的font-family” 的 使用例子 和 规则讲解

 

5、

　　5.1、http://www.365mini.com/page/html5-canvas-draw-text.htm 中 说 font属性的默认值 为 "10px sans-serif"

6、

7、

8、