56-解决网页特殊字体问题

许多漂亮的字体因为如果用户的电脑中没有安装的话，就会按照默认的字体宋体显示。

导致系统的美观度下降。

解决的方法有两个：

1.将这个特殊的字体换成图片。

2.就是将字体放入到程序中，这里主要说下第二种。

第一将这个下载的字体放到文件夹中，最后命名为英文。



第二，在某个xxx.css中写入如下代码

@font-face {
font-family: xin;
/*src: url('../fonts/NewsCycle-Regular.eot');*/
src: local("xin"), url('../fonts/xin.ttf');
}

第三，引用
<h1 style="font-family: 'xin'">照片</h1>