修改字体篇:css3@font-face@字体转换@浏览器字体支持

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */

语法 http://www.runoob.com/cssref/css3-pr-font-face-rule.html

在线字体转换 https://cloudconvert.com/

Internet Explorer(all)	Safari(3.2+)	iPhone(3.1)	Chrome(all)	Firefox(3.5+)	Opera
EOT	TTF / OTF	SVG	SVG / TTF / OTF	TTF / OTF / WOFF	TTF / OTF

字体支持表如上

接下来我将进行对前段代码的修改,增加CSS样式以及修改js文件.希望工作顺利.

常用中文字体 Unicode 编码

字体名称	英文名称	Unicode 编码
宋体	SimSun	\5B8B\4F53
新宋体	NSimSun	\65B0\5B8B\4F53
黑体	SimHei	\9ED1\4F53
微软雅黑	Microsoft YaHei	\5FAE\8F6F\96C5\9ED1
楷体_GB2312	KaiTi_GB2312	\6977\4F53_GB2312
隶书	LiSu	\96B6\4E66
幼园	YouYuan	\5E7C\5706
华文细黑	STXihei	\534E\6587\7EC6\9ED1
细明体	MingLiU	\7EC6\660E\4F53
新细明体	PMingLiU	\65B0\7EC6\660E\4F53