@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/

 

EOT TTF / OTF SVG SVG / TTF / OTF TTF / OTF / WOFF TTF / OTF

Internet Explorer(all)	Safari(3.2+)	iPhone(3.1)	Chrome(all)	Firefox(3.5+)	Opera

字体支持表如上  

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

常用中文字体 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

字体名称	英文名称	Unicode 编码