浅谈网页中的字体的设置

设置全站的字体一向是一个简略而又不简略的事，由于深切下去，这外面牵涉到太多的东西。

本文首要是想说说对一个通俗的网站，若何按照本身的需要挑选字体。
 
1、必备常识

起首，咱们应当明白，并不是你设置了这类字体，用户电脑便会以这类字体显现。

若是用户电脑不装置这类字体，那末它便会以你设置的第二种字体来衬着。看一个罕见设置

1. font-family:tahoma,arial,"Hiragino Sans GB",5b8b4f53,sans-serif; /* 此中5b8b4f53是宋体的意义，用这类Unicode编码能够兼容全数阅读器 */  

上述的代码，若是在不tahoma字体的机械上设置，那末该机械会以arial字体衬着。若是也不，那末便用后一种。直到你指定的字体都不，那末便会利用sans-serif字体族中的一款字体。
 
而后，咱们应当讲讲sans-serif是甚么。

sans-serif是无衬线字体的意义，并不是一种字体，而是一类字体的统称。

响应的，serif便是用衬线字体的意义。

（诠释下：衬线便是字体上的很小的润色，详细能够百度，跟本文干系并不大，就不睁开讲了。）
 
对罕见字体族，这里清算下：

•serif：带衬线字体。Times New Roman 是默许的 serif 字体，中笔墨体的话，是宋体、仿宋之类的字体。

•sans serif：无衬线字体。Arial 是默许的 sans-serif 字体，中笔墨体中，微软雅黑、黑体等都是这类字体，英笔墨体包罗Helvetica、Geneva或Verdana等。

•monospace：等宽字体。这个字体外面的每一个字母都有不异的宽度。凡是用于显现法式代码等，Courier 是默许的 monospace 字体。而对中文，每一个汉字都是等宽的。
 
2、该怎样设置字体

看过了下面的必备常识，想必对字体有了略微体系点的熟悉了。

那末若何设置网站字体呢？

有人习气用宋体、arail或tahoma作为第一字体。可是，这外面有个很大的题目，对字号大一点的字体（16px以上的），衬着出来是 相称的丢脸。不过我电脑上利用了windows下优化字体的东西，就没法给大师展现了。总之，对大号字体，用这类的设置挺丢脸的。
 
那末有人说微软雅黑在字体大的时辰挺都雅的。全数设置微软雅黑怎样样？

这里有个很大的题目，雅黑是windows vista才有的，对据有率为65%+的xp用户来讲，你设置了雅黑即是没写。他们仍是用宋体啊甚么的衬着的。除你自我慰藉或敷衍 BOSS（BOSS普通城市赶潮水用windows 7以上）。对大局部用户来讲真的没用。并且微软雅黑在衬着12px字体时并不宋体它们来得好。
 
以是，对若何设置字体，我感觉应当按照现实营业和环境来详细设置。
 
3、论断

颠末上述的阐发，我总结了一个我感觉挺好的设置体例
 
1: 综合最优

全站字体设置以下

1. font-family:Helvetica,arial,"Hiragino Sans GB",5b8b4f53,sans-serif;  

而后对大的主要的字体（比方导航）利用图片来处置。由于用图片后，你就不必纠结用户是不是装了这个字体的题目了，并且能够做的更标致，更多的扩大性与能够性。
 
2: 机能最好

全站字体仍是

1. font-family:Helvetica,arial,"Hiragino Sans GB",5b8b4f53,sans-serif;  

而后对大的字体（这里就不论重不主要了）。零丁来设置

1. font-family:Microsoft YaHei;   

这类设置能够让前端省挺多事，不过会有良多xp的用户会被大号字体给丑到。
 
3: 最费事打算

间接

1. font-family:Helvetica,arial,"Hiragino Sans GB",5b8b4f53,sans-serif;   

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

以上这篇浅谈网页中的字体的设置便是小编分享给大师的全数内容了，但愿能给大师一个参考，也但愿大师多多撑持网页设想。</p>

原文地点：http://www.cnblogs.com/qqziyuan8/archive/2016/08/01/5726310.html