修改字體篇: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