一切福田,不離方寸,從心而覓,感無不通。

网页应用特殊字体,ttf转换为woff、svg、等格式字体

第一步样式表中定义一个@face样式

@font-face {
font-family: 'weiruanyahei';
src: url('7000.eot');
src: local('weiruanyahei Regular'),
local('weiruanyahei'),
url('7000.ttf') format('truetype'),
url('7000.woff') format('woff');
}

font-family: 'weiruanyahei';这个 “weiruanyahei”是自己起的名字什么都行。。。

第二步 在服务器上安装这个特殊字体

第三步 下载字体的ttf格式转换成需要的woff,eot,svg等格式字体 这个是要做到多个浏览器都支持的效果

转换步骤 我用的一个网站转换的 挺好用的 网址 http://onlinefontconverter.com/ 注册一下 上传ttf字体 然后选择需要的格式就会转换了 下载下来就好了

第四步 把转换好的格式 分别上传到 服务器的网站文件中。。css中7000.woff就是那个字体的路径及名称 我的是在同级目录下所以就直接写7000.woff了。

第五步

#poem{
font-size:45px;
font-family:weiruanyahei;
text-align:center;
} 样式中定义font-family:weiruanyahei; 是你起的名字

 

然后再应用的地方应用就好了。。。。。。

 

大功告成哦

转自:http://hi.baidu.com/ionly0801/item/6f3aa7ea7c296b3e86d9deae