网页字体设置 浅谈网页中的字体的设置

设置全站的字体一直是一件简单但不简单的事情，因为涉及的东西太多了。

本文主要想谈谈对于一个普通的网站，如何根据自己的需求选择字体。

1、必要的知识

首先要明确，设置这个字体的不是你，而是用户的电脑会用这个字体显示。

如果该字体未安装在用户的计算机上，它将以您设置的第二种字体呈现。看一个常见的设置

XML/HTML代码将内容复制到剪贴板

font-family:tahoma,arial,'Hiragino Sans GB',5b8b4f53,sans-serif; /* 其中5b8b4f53是宋体的意思，用这种Unicode编码可以兼容全部浏览器 */

如果上述代码设置在没有tahoma字体的机器上，机器将以arial字体呈现。如果没有，那就用后者。在您指定的字体都不可用之前，将使用无衬线字体系列的字体。

那么，我们就要说说无衬线是什么了。

无衬线表示无衬线字体，不是一种字体，而是一类字体的总称。

因此，衬线意味着使用衬线字体。

关于常见的字体系列，在这里整理一下:

衬线:衬线字体。倍新罗马字体是默认的衬线字体，在中文里是、仿宋等字体。

无衬线字体。Arial是默认的无衬线字体。中文字体中，微软雅黑、黑体都是这样的字体，英文字体有Helvetica、Geneva或Verdana。

等宽字体:等宽字体。这种字体中的每个字母都有相同的宽度。通常用于显示程序代码，Courier是默认的等间距字体。至于中文，每个汉字都是等宽的。

2.如何设置字体

看了上面必要的知识，我觉得我对字体有了一点系统的了解。

那么网站字体怎么设置呢？

有些人习惯使用宋体、arail或tahoma作为第一种字体。但是，有一个很大的问题。对于尺寸较大的字体，渲染相当难看。但是我不能给大家看，因为我用的是电脑windows下的优化字体。总之，大字体用这个设置很难看。

然后有人说微软雅黑大字体好看。一直设置微软雅黑怎么样？

这里有个大问题。Yahei只有windows vista才有。对于市场占有率65%+的xp用户来说，如果设置了雅黑，就不写了。他们还是用宋体什么的渲染。除了安慰自己或者应付BOSS。对大多数用户来说确实没什么用。而且微软雅黑在渲染12px字体的时候还不如宋体。

所以关于如何设置字体，我觉得应该根据实际业务和情况具体设置。

3.结论

经过以上分析，我总结出一个我觉得挺好的设置方法

1.综合优化

全站字体设置如下

XML/HTML代码将内容复制到剪贴板

font-family:Helvetica,arial,'Hiragino Sans GB',5b8b4f53,sans-serif;

然后用图片处理大而重要的字体。因为使用图片后，不用担心用户是否安装了这种字体，可以让它更美观，更可扩展，更有可能。

2.最佳性能

全站字体或

XML/HTML代码将内容复制到剪贴板

font-family:Helvetica,arial,'Hiragino Sans GB',5b8b4f53,sans-serif;

然后对于大字体。单独设置

XML/HTML代码将内容复制到剪贴板

font-family:Microsoft YaHei;

这个设置可以省去前端很多麻烦，但是很多xp用户会被大字体难看。

3.最省事的解决方案

直接的

XML/HTML代码将内容复制到剪贴板

font-family:Helvetica,arial,'Hiragino Sans GB',5b8b4f53,sans-serif;

或者

XML/HTML代码将内容复制到剪贴板

font-family:Microsoft YaHei,Helvetica,arial,'Hiragino Sans GB',5b8b4f53,sans-serif;

虽然可以渲染不美观的大字体，但是雅黑渲染的小字体不清晰。但是，这有什么关系呢？

《回到物质圈》Sucaiq.Com看更多

如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢各位对物质圈的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！

材料圈_网站建设免费材料下载平台:httP://www.sucaiq.com