网站部署到服务器后，在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
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
147
收藏
