css调用字体 没装微软雅黑，用css写@font-face让其能显示微软雅黑字体
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了css调用字体 没装微软雅黑，用css写@font-face让其能显示微软雅黑字体，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1215字，纯文字阅读大概需要2分钟。
内容图文
在设计布局网页时 经常想要用一些比较好看的字体，比如微软雅黑，这个字体在近年来在网页设计中运用越来越平常， 然而所使用的字体也只有自己能看到 到别的机子上 又恢复了原来的宋体神马的。
经过一位高手的提点，能用CSS直接实现，查阅了部分资料 并经过测试 总结下列方法来实现网页中的自定义字体
我们很容易发现EOT字体仅仅对于IE浏览器支持 面对庞大的ＩＥ用户 ＥＯＴ字体的重要性也就不说了
对于其他浏览器由于直接支持TTF字体 就不多介绍 只是在定义样式时 注意下浏览器的兼容问题就可以了
由于各浏览器对 ‘@font-face’ 规则字体格式支持存在差异，若仅通过定义一个 ‘@font-face’ 规则，可以通过 CSS hack 的方式在IE、Firefox、Chrome、Safari、Opera中得到相同的字体效果：
<
style
type
="text/css"
>
/*
定义字体
*/
@font-face
{
font-family
:
" your FontName "
;
src
:
url( /location/of/font/FontFileName.eot )
;
/*
IE
*/
src
:
local(" real FontName "), url( /location/of/font/FontFileName.ttf ) format("truetype")
;
/*
非IE
*/
}
/*
调用部分
*/
.yourFontName
{
font-family
:
" your FontName ", verdana, helvetica, sans-serif
;
}
</
style
>
<
body
>
<
span
>微软雅黑显现效果</span></body>
解释一下,”your FontName” 为自定义字体名字, “real Fontname”是真实字体名字, 非IE浏览器读到第一行,一看是eot字体,跟自己没关系,于是跳到第二行,读取”local”(本地)定义的字体,试图到用户机器上去找这个字体(所以一定要用真实的字体名字,这样万一用户机子上有该字体就可以省去用户一个ttf的下载),发现没有就从后面的”url”的路径去下载ttf文件了. 而IE过程相反,它读到第一行发现是eot, 但是执行以前他会去继续读后面的行,所以”local”定义非常必要,IE不认识”local”,它就晕了,只好倒回去下载eot,如果没有local定义的话,这段字体定义代码对IE是无效的.
至此跨浏览器的内嵌字体css定义就完成了.
原文：http://www.cnblogs.com/wolfocme110/p/4315114.html
内容总结
以上是互联网集市为您收集整理的css调用字体 没装微软雅黑，用css写@font-face让其能显示微软雅黑字体全部内容，希望文章能够帮你解决css调用字体 没装微软雅黑，用css写@font-face让其能显示微软雅黑字体所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。