@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 | 5B8B4F53 |
| 新宋体 | NSimSun | 65B05B8B4F53 |
| 黑体 | SimHei | 9ED14F53 |
| 微软雅黑 | Microsoft YaHei | 5FAE8F6F96C59ED1 |
| 楷体_GB2312 | KaiTi_GB2312 | 69774F53_GB2312 |
| 隶书 | LiSu | 96B64E66 |
| 幼园 | YouYuan | 5E7C5706 |
| 华文细黑 | STXihei | 534E65877EC69ED1 |
| 细明体 | MingLiU | 7EC6660E4F53 |
| 新细明体 | PMingLiU | 65B07EC6660E4F53 |