如何合理设置网站字体的大小

来源：徐州亿网网络科技有限公司 时间：2012-03-28 作者：

        我们都知道，网页中，可以直接给用户以表述的入口便是文字了，文字的设置说简单也简单，说麻烦也麻烦，那么如何才能更合理的设置好文字字体的大小呢？在这里徐州网络公司的网页设计师根据自己的经验，简单给大家总结了三点方法。

        第一、字体设置使用em单位

        在我的一些网页设计中对字体的设置很少有看到pt或者px类的单位，我想使用百分比或者相对的方式比较好，首先我想我们应该在body里面设置一个字体为百分比的单位，然后再在下文使用em值，这样能够避免很多的麻烦，而且带来的好处也是显而易见的：

        1.能够避免当我们设计流动布局时习惯性的把字体设置为固定显示值；

        2.字体的一致性，和相对性，能够突出显示我们想要表达的内容；所以说是个很不错的解决我们不能够准确的把握字体大小显示的方案。

                body
                 {
                 font-size:76%;         /*将body里面的字体大小值设置为百分数*/
                }
                p
                 {
                font-size:1em;        /*接下来我们可以随意的用em给字体赋值*/
                }
        不过在下提醒大家，不要把字体大小设置为1em以下，因为如果按照我刚才列出来的那个，文字大小大约会是在12像素左右（浏览器默认的字体大小为16像素）。这对于很多网民都是一个舒适的字体，技能看清也不拥挤。

        第二、使用关键字

        在使用关键字时，最容易出现问题的浏览器是IE6以下的版本，所以我们可以放心的使用关键字了，有代码有真相：body{ font-size:small;}

        第三、使用样式切换方法

        这个方法我们感觉可能复杂一点了，让用户可以自己来切换，这样对用户体验来说大大提高，对于某些浏览器来说，切换样式是内置的，但这类浏览器中却并没有IE的身影。所以为了可让用户可以切换文字的大小，在页面中我们必须加入相应的控制脚本。

        以上由徐州亿网（http://www.exz.cn）提供！新签优化单：徐州货架

• 上一篇: 网站建设中table、div、xhtml的优缺点
• 下一篇: 徐州亿网设计师分享网站建设五点观点