3380人阅读
在设计布局网页时 经常想要用一些比较好看的字体，比如微软雅黑，这个字体在近年来在网页设计中运用越来越平常， 然而所使用的字体也只有自己能看到 到别的机子上 又恢复了原来的宋体神马的。
经过一位高手的提点，能用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- }&&
&span class=&yourFontName &&微软雅黑显现效果&/span&
解释一下,&your FontName& 为自定义字体名字, &real Fontname&是真实字体名字, 非IE浏览器读到第一行,一看是eot字体,跟自己没关系,于是跳到第二行,读取&local&(本地)定义的字体,试图到用户机器上去找这个字体(所以一定要用真实的字体名字,这样万一用户机子上有该字体就可以省去用户一个ttf的下载),发现没有就从后面的&url&的路径去下载ttf文件了. 而IE过程相反,它读到第一行发现是eot, 但是执行以前他会去继续读后面的行,所以&local&定义非常必要,IE不认识&local&,它就晕了,只好倒回去下载eot,如果没有local定义的话,这段字体定义代码对IE是无效的.
至此跨浏览器的内嵌字体css定义就完成了.
最后还有一个问题,我考虑了下中文内嵌字体下载量过大的问题,英文字体一般比较小,中文字体动辄几MB,下载量太大,看来中文内嵌字体要完全实用要给字体减肥才行,比如只保留字体里面网站使用的字,不用的字全部剔掉,这样就能大大减小体积了.
搜了一下,有人貌似有类似的解决方案
在线的转换工具
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：9540次
排名：千里之外
转载：25篇
(2)(1)(6)(2)(1)(3)(2)(2)(1)(1)(1)(1)(3)(1)(1)(1)求教，为什么我将系统字体设置成微软雅黑，但进游戏还是宋体啊！_eve吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：358,394贴子：
求教，为什么我将系统字体设置成微软雅黑，但进游戏还是宋体啊！
随后会放制作过程
湖南卫视 江苏卫视 浙...
电影院有人中途离场，豆...
滴滴滴，2016年仅剩3天...
女星实在是弱的一逼，...
张天爱第一次担任大银幕...
一晃眼，又到了买过年火...
这是吐槽日报年终盘点系...
这一年以来我们这个世界...
爱美之心，人皆有之。 ...
看到的人都笑了！请准备...
Hi，亲爱的玩家们： 欢...
3D双端东方魔幻网游「大青云」勾魂公测,穿越逆转,封神故事,全新演绎!
怎么没人啊！
游戏预设字体是宋体……不管你系统是XP还是Win7它都是宋体……话说签名里的那老师好厉害……
不会啊我以前就是修改了系统字体，EVE跟着就变了您确定您修改的的是系统默认字体？
我是在显示属性里改的字体，系统默认怎么改啊！
回6L显示属性里改的不是系统默认字体修改系统默认字体在windows系统中无法直接实现需根据不同的系统，或强行覆盖文件，或借助第三方软件实现最好根据你的系统不同在网络上找到相应的修改方法切记：如果修改方法不正确，可能导致系统损坏
嗯，我明白了，刚才我进注册表里改完了，现在去游戏看看，！
贴吧热议榜
使用签名档&&
保存至快速回贴字体如何设置成微软雅黑
您的位置： >>
>> 话题内容
您是第 3344 位浏览者 / 有 9 条回复
5年前 发表1F
为什么好多客户都喜欢用微软雅黑呢，他们都说宋体不好看，非得要微软雅黑的，唉，可苦恼了，有些用户电脑里面没有微软雅黑字体时候候显示的好丑，如果把文字做成图片的话也不太现实，因为文字是动态的呀，如何实现才能满足客户的要求呢？高手请指教。
5年前 发表2F
&这个真不清楚~~~
5年前 发表3F
很简单啊~拷一份过去就可以了呗，要么转曲呗~要么JPG呗……
5年前 发表4F
-.-&baidu&微软雅黑下载安装搞定！！
5年前 发表5F
你是做什么呢？宋体确实丑···我用衬线中文都是用细明体～～无衬线都是微软雅黑～
5年前 发表6F
网站内内配微软雅黑的包…………需要程序员配合……
5年前 发表7F
如果我们在写代码时给字体font-family:&微软雅黑&;客户端的电脑没有微软雅黑的字体就会显示宋体，
5年前 发表8F
。。。。能请问下，哪个系统里会没有雅黑？
站酷讨论组
你未加入讨论组，无法在本组发言！
简介：热爱设计的加设计QQ群：，另外本小组官方网站，扫描头像二维码加入微信公众平台，每天都会推送精彩的设计内容到您的手机上，谢谢您的支持}