2023年12月16日发(作者：)

网　络　ｉ８。　“　／　。涠　晒卿礤＿计舁　Ｌ与网珞刨新生￣古　网页设计中字体设置详解　浏览器默认的样式往往在不同的　１．Ｗｉｎｄｏｗｓ和Ｍａｃ都预装了这款　问题只出现在ＩＥ上。所以。如果你的网　浏览器、不同的语言版本甚至不同的　系统版本都有不同的设置，这就导致　如果直接利用默认样式的页面在各个　字体，应该是使用最广泛的网页字体　了。它的潜在对手ｔａｈｏｍａ和ｈｅｌｖｅｔｉｃａ　就没有这么幸运了。　站很少使用英文、数字和英文符号，那　么直接设置ｆｆ０ｎｔ—ｆａｍｉｌｙ：＼５ｂ８ｂ＼４￣３；｝　也是很合理的选择。　浏览器下显示非常不一致，于是就有　了类似ＹｕＩ的ｒｅｓｅｔ之类用来尽量重写　浏览器的默认设置保证各个浏览器样　式一致性的做法。　２．视觉设计的专业人士可能会认　为在Ｗｉｎｄｏｗｓ中使用ｔａｈｏｌｎａ、在Ｍａｃ　中使用ｈｅｌｖｅｔｉｃａ更好，比如淘宝的默认　字体样式是ｆｏｎｔ：１２ｐｘ／１　Ｔａｈｏｍａ，　大小：１２ｐｘ　１．１２ｐｘ是宋体能显示的极限．虽　然微软雅黑能显示更小的字体。但目前　的应用环境尚未成熟。由于宋体基本　拿字体来说，各个浏览器默认的字体种类、字体大小和字体行高都不一　样，比如ＩＥ８的中文版在Ｗｉｎｄｏｗｓ　ＸＰ　下显示网页时默认字体是宋体，而英　文版肯定不会如此。所以我们需要统　一Ｈｅｌｖｅｔｉｃａ，Ａｒｉａｌ，　“＼５ｂ８ｂ＼４ｆ５３”，ｓａｎｓ一　ｓｅｉｒｆ；这是一个很不错的选择，但是你也　会发现Ｇｏｏｇｌｅ、ＹＡＨＯＯ、Ｙｏｕｔｕｂｅ、Ｂｉｎｇ　甚至ＭＳＮ的新版都使用ａｒｉａｌ作为第　一默认字体。所以从美观和可读性上　来讲，ａｒｉａｌ应该是完全可以接受的。　３．一般情况下设置ｆｏｎｔ—ｆａｍｉｌｙ都　会在最后设置通用字体族以保证其安　全性，比如Ｇｅｅ・ｇｌｅ的设置为ｆｏｎｔ－ｆａｍｉ一　上是目前显示中文唯一的通用ｗｅｂ字　体，所以１２ｐｘ成为最常用的字体大小。　我们当然可以依据产品的需要来修改　这个默认值。　２．不用考虑基于字体大小（ｅｍ）的　设计。　３．在Ｃｈｒｏｍｅ３．０之后的中文版中，　字体大小最小值是１２ｐｘ，比如你设置　最小字体为１０ｐｘ，最后也变成１２ｐｘ。　设置默认的字体样式，以便实现一　致的显示效果来保证设计的一致性和　提高开发效率。　样式优先级　通常用户看到的页面的样式会受　到三层控制：　・ｌｖ：ａｒｉｄ，ｓａｎｓ—ｓｅｒｉｆ；，但是至少在非中文版　的ｗｉｎ７下当编码是ＧＢＫ时，ＩＥ８会因　行高：１．５倍。　１．这是一个经验值，不同的产品对　第一层是浏览器的默认样式；　第二层是网页定义样式；　第三层是用户自定义样式。　ｓａｎｓ—ｓｅｉｒｆ来渲染宋体，导致字体出现变　形，这就是为什么淘宝需要在ｓａｎｓ—ｓｅｒｉｆ　前加上宋体而Ｇｏｏｇｌｅ无需这样做的原　因。　４．因为中文字体的选择非常有限，　这个值要求可能不同，但我们一般会设　置最常用的为默认值。比如ＹｕＩ的　ｆｏｎｔ中是ｆｏｎｔ：１３ｐｘ／１．２３１　ａｒｉａ１，ｈｅｌｖｅｔｉｃａ，　ｃｌｅａｎ，ｓａｎｓ—ｓｅｒｉｆ．即字体大小默认值是　１３ｐｘ，行高是１３＂１．２３１＝１６．００３ｐｘ，默认　・・和ＣＳＳ一样，后面的优先级高于　前面的，也就是说网页定义样式可以　覆盖浏览器的默认样式．而用户自定　义样式优先级最高。不过，当有！ｉＨｌ＿　所以目前所有的主流浏览器都设置使　用宋体来显示中文。Ｂａｉｄｕ的首页和搜　的行高是默认字体的１．２３１倍。对于中　文来说，常用的字体大小１２ｐｘ、１４ｐｘ、　ｐｏｒｔａｎｔ时．网页样式可以覆盖用户自　定义样式。用户！ｉｍｐｏｒｔａｎｔ＞网页！　ｉｍｐｏｒｔａｎｔ＞用户＞网页＞浏览器默　认　字体：ａｒｉａｌ　索结果页使用ｆｏｎｔ—ｆａｍｉｌｙ：ａｒｉａｌ；可以从　侧面说明这样做的安全性。　可能有入注意到Ｆｉｒｅｆｏｘ中国版默　认显示的中文字体是微软雅黑，这是　因为谋智网络擅自修改了用户自定义　１６ｐｘ、１８ｐｘ等偶数大小，在ＩＥ６和ＩＥ７　设置其行高也为偶数能解决一些特殊　情况下的字体对其问题。　２．在ＩＥ６和ＩＥ７中，行高值必须大　于字体的２ｐｘ才能保证字体的完整显　我们页面的绝大部分内容字符都　是中文，毫无疑问目前为止在网页上　样式，不允许网页的样式覆盖浏览器　设置的样式。也是由于类似的情况，我　示或当其作为链接时能有效显示下划　线。　最常用也是最通用的显示中文的字体　是宋体．但是宋体在显示英文、数字和　英文符号时过于糟糕，比如？字符，所以　我们一般期望通过ＣＳＳ来实现用更好　的字体样式来显示它们。然后用宋体　们要弹性设计网页非常重要。　使用英文字体作为第一默认字体　会导致的问题之一就是中英文以及符　号混排时的对齐问题、通过设置行高　和ｈａｓＬａｙｏｕｔ能解决绝大部分情况，但　３．设置ｌｉｎｅ—ｈｅｉ　ｇｈｔ时，注意不要使　用单位（包括％在内），因为子节点会继　承经过运算后的ｌｉｎｅ—ｈｅｉｇｈｔ值，所以当　使用单位后浏览器会把ｌｉｎｅ—ｈｅｉｇｈｔ计　算成第一次定义的绝对值，而不会随　来显示中文和中文符号。之所以选择　ａｒｉａｌ是因为：　＼　是都不会很完美，如果把字体改成“宋　体”能彻底地解决问题。很明显，这个　着字体大小的变化而变化，而无单位的　数值表示是所在容器的ｆｏｎｔ—ｓｉｚｅ的倍　《计算机与厨络》２０１０年第０３、Ｏ４期　

网　络　计算机与网络创新生活　５９　四套方案全面恢复受损的Ｗｏｒｄ文档　Ｗｏｒｄ是我们日常工作中使用最　二、打开修复　窗口。然后在“目标”栏后面加上“／ｍ”。　普遍的文档处理工具之一，但是很多　对于以前保存的文档，若碰到双击　保存修改的快捷方式，然后拖动文档放　朋友在使用时对碰到的文档出错，常　鼠标试图打开时，却弹出了文档出错　置到该快捷方式图标上，文档中的宏命　常无计可施。难道只能眼睁睁地看着　无法查看的提示，这时不妨改变其打　令就无法运行了。　急需的文档无法打开而放弃吗？当然　开方式。　四、恢复文本　不能。其实在真正放弃之前，不妨先看　首先从程序菜单中启动Ｗｏｒｄ　如果上面的方法都不行，那么就只　看我们的拯救行动方案。　２００３，然后单击“工具栏”上的“打开”按　能试试“从任意文件中恢复文本”转载　一、自动恢复　钮，在弹出的对话框“查找范围”选择　器来尽最大限度救出Ｗｏｒｄ文档中的　如果在编辑文档时，突然遭遇程序　欲打开的文档所在文件夹，然后选中　文字内容了。　停止响应、死机，甚至停电等情况，而　该文档．再单击右下角“打开”按钮一　启动Ｗｏｒｄ后打开“工具”菜单下　文档又未能及时保存时．这时不妨按　侧的小箭头按钮。在弹出的菜单中选　的“选项”命令，在“常规”标签中选中　正常操作方法重新启动电脑，然后打　择“打开并修复”命令，这样Ｗｏｒｄ会自　“打开时确认转换”选项，然后再打开　开Ｗｏｒｄ　２００３。这样Ｗｏｒｄ会自动弹出　动把一些错误修复并恢复文档的正常　“文件”菜单下的“打开”命令。在“查找　一个文档恢复操作窗口，在窗口中选　打开。　范围”中选择文档保存路径，然后在下　择一个较晚的自动保存项目进行恢　三、修改启动　方的“文本类型”中选择“从任意文件中　复。这样可以将损失降到最低点。　由于Ｗｏｒｄ文档支持宏命令。因此　恢复文本”，接下来再选中欲打开的文　不过要想提高自动恢复的成功率，　一些文档的原作者在里面使用宏命令　档，单击“打开”按钮，这样即可从文档　你还必须提前做好相应的设置工作。　进行加密，或者加载其中的宏命令出　中恢复文本内容，不过这时恢复的文本　打开Ｗｏｒｄ“工具”菜单下的“选项”命　错。同样会导致文档无法打开。这时我　格式就丢失了。　令，切换到“保存”选项卡，然后选中　们不妨通过修改ｗｏｒｄ启动参数，禁止　其实在文档无法打开的时候．大家　“允许后台保存”和“自动保存时间间　宏运行的方式来打开文档。　还可以尝试使用低版本、记事本或者一　隔”选项．同时在“自动保存时间间隔”　进入Ｗｏｒｄ　２００３安装目录．然后找　些第三方的文档编辑软件来打开，另外　后设置一个时间间隔，该时间不宜太　到其中的Ｗｉｎｗｏｒｄ．ｅｘｅ．将其发送到桌　还可以使用杀毒软件进行病毒查杀．一　长。保存设置后，就可以代替粗心的朋　面快捷方式。打开该快捷方式的属性　般情况都是可以恢复的。　友及时保存编辑的文档了。　数，所以设置为无单位的数值是最佳选　使用微软雅黑是｛ｆｏｎｔ—ｆａｍｉｌｙ：　和Ｏｐｅｒａ、特别是ＩＥ６下会非常模糊难　择。　＼５ｆａｅｋ８ｆ６ｆｋ９６ｃ５＼９ｅｄｌ；｝，这样的好处是　以辨认。针对这个问题目前并没有很　４．深入ＣＳＳ行高非常有利于理解　避免编码问题，同时能得到所有的主流　好的解决方案，所以只有等到ＩＥ６使　ｌｉｎｅ—ｈｅｉｇｈｔ，值得一读。　浏览器的支持。　用比率非常小的时候才可能正式地使　性能和效率　５．使用正确的字体种类写法，避免　用它。或许需要到２０１４年，ＸＰ被淘汰　１．大部分平台都有ａｒｉａ１．减少浏览　使用引号，这样可以缩小ＣＳＳ的大小。　的时候。　器的查找时间。　中文字体可以按上一条方式来编写。　２．虽然很早就有了＠ｆｏｎｔ—ｆａｃｅ．但　２．代码最少，书写方便。ａｒｉａｌ基本　未来　是由于浏览器的支持、网速和商业问　上是名字最短的字体了．可以节约ＣＳＳ　１．通过对中英文及符号混排的测　题，导致它很少被应用。最近关于字体　的大小。　试，笔者发现微软雅黑其实表现相当　的好消息是Ｆｉｒｅｆｏｘ３．６将支持Ｗｅｂ　３．所有的字母都小写。目前Ｇｏｏｇｌｅ　不错，包括英文数字和英文字符以及在　Ｏｐｅｎ　Ｆｏｎｔ　Ｆｏｒｍａ。关于ｗｅｂ字体未来　就是这样做的，好处是既可以编写更快　ＩＥ６和ＩＥ７的显示效果上，但唯一的遗　的相关信息可以看（ｗｅｂ字体的未　也能提升Ｇｚｉｐ压缩的效率。　憾是在ＸＰ下如果安装了微软雅黑字　来》、《关于ｗｅｂ字体：现状与未来》和　４．中文最好用ｕｎｉｃｏｄｅ表示．比如　体的用户没有打开“使用屏幕字体的　《再谈Ｗｅｂ字体的现状与未来》。　使用宋体是｛ｆｏｎｔ—ｆａｍｉｌｙ：＼５ｂ８ｂ＼４ｆ５３；），　边缘平滑”选项的话，在ｆｉｒｅｆｏｘ、Ｓａｆａｒｉ　２０１０年第０３、ｏ４期《计算机与厨络》