@font-face 客户端使用用服务器端字体样式 字体转换工具

网站部署到服务器后，在css中设置好了字体，可是在客户那边显示的倒是宋体或其余的默认安全字体，这是由于客户端没有相应的字体库致使的。

要想客户端成功显示服务器端的字体的话，能够使用CSS样式@font-face{}来实现。

具体的实现方法请看代码：

@font-face {
　　font-family:'锐字云水柱体';
　　src:url('锐字云水柱体.eot');
　　src: url('锐字云水柱体.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
　　　　url('锐字云水柱体.woff') format('woff'), /* Modern Browsers */
　　　　url('锐字云水柱体.ttf') format('truetype'), /* Safari, Android, iOS */
　　　　url('锐字云水柱体.svg#锐字云水柱体') format('svg'); /* Legacy iOS */
}

 

这样的话客户端打开相关网页就会自动加载字体样式，这里要注意一点，要加载的字体样式不能太大了，否则的话会加载很长时间，并有必定概率加载失败，因此最好字体库不要大于10M。

加载的字体使用的话跟正常状况下使用一致。

TTF转EOT工具下载   访问密码：21ce

相关资料

http://www.php100.com/manual/css3_0/@font-face.shtml