如何给你的网页选择合适的字体

《如何给你的网页选择合适的字体》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、如何给你的网页选择合适的字体？来源：优设 

2、 创建时间： 2013-05-0209:52

3、评论（0）一个非创意性质的网页，最重要的内容，说白了就是文字，那么出现了文字，就会出现文字排版、字体选择、字体颜色大小粗细等细节。而这些细节，往往是非常重要的部分。好的字体排版，可以让人耐心的看完那些文字，然后得到其中的重要信息，还可以影响到浏览者阅读的心情。同时，字体的选择、大小等，还应该配合企业的VI识别系统，还需要配合你作品需要表达的思想感情来确定（例如古典风格，应该选择哥特式字体等）。1.字体的分类和格式1.1.衬线和无衬线衬线算是一种辅助性的小细节，笼统的谈，

4、太过于抽象，我们来看两个例子：20currencydeposit,weprescribeapassonaregularbasis,qilucardaccountonaregularbasis),certificatebondsandsavingsbonds(electronic);3.notdrawnonabanksavingscertificate,certificatebondsapplyformortgageloans,acceptingonlythelender上边两个字体，是有衬线字体，可以看到在边角的位置，会多出一些修饰。这样的好处就是，可以清晰

5、的分辨出字母和文字，分辨笔划的起始和终止。但是，这种字体如果设置字体大小太小的话、或者你里文字较远，则会受到衬线影响，分辨不清晰。同时，由于中文系统，默认的字体为宋体，见的太多导致审美疲劳，所以衬线字体比较适合打印文字以及正规文档中使用，通常不太适合使用在网页中。而下边两个字体，就是无衬线字体，没有边角的修饰，令人看起来很整齐光滑，没有毛刺。比较适合用在网页中，让浏览者获取大量的文字信息而不会疲劳。推荐阅读：英文UI字型大评比：易读性测试。1.2.字体系列字体之间最大的差异并不在于有无衬线，而在于字体与字体之间，形体的差异。但是很多字体（特别是英文字体）之间

6、，差异不大，有些新字体甚至是对已有字体进行了细微的改造后产生的。于是，就把字体分成了几个大的系列，同一个系列中的字体，大体相同，称作通用字体系列。其中包括以下五个系列：serif：带衬线字体。TimesNewRoman是默认的serif20currencydeposit,weprescribeapassonaregularbasis,qilucardaccountonaregularbasis),certificatebondsandsavingsbonds(electronic);3.notdrawnonabanksavingscertificate,ce

7、rtificatebondsapplyformortgageloans,acceptingonlythelender字体，中文字体的话，是宋体、仿宋之类的字体。sansserif：无衬线字体。Arial是默认的sans-serif字体，中文字体中，微软雅黑、黑体等都是这类字体。monospace：等宽字体。这个字体里面的每个字母都有相同的宽度。通常用于显示程序代码等，Courier是默认的monospace字体。而对于中文，每个汉字都是等宽的。cursive：模仿手写字体。手写体，比较个性，通常用于标题、logo等等。这个字体系列没有默认字体，英文来说，通常

8、用ComicSans，中文的话，行书系列、草书系列的字体等，都可以算作手写字体。fantasy：装饰用字体。多数用于标题，极具个性，字体繁多，艺术字体。无法对其的大小、形状下一个统一的定论，所以没有默认字体，在网页中，也通常很少用到，除非你有特殊的用处创意性的设计。1.3.字体的格式格式就是指字体表现出来的粗细、宽度和姿态等等特征。看下面的这张图片：20currencydeposit,weprescribeapassonaregularbasis,qilucardaccountonaregularbasis),certificatebondsandsavin

9、gsbonds(electronic);3.notdrawnonabanksavingscertificate,certificatebondsapplyformortgageloans,acceptingonlythelender上边图片里面的字是相同大小的，同时排放在一条竖线上。为其应用了四种不同的字体后，体现出来了不同的形态和粗细大小。在中文字体中，不同的字体，在字间距中通常没有很大的变化。而对于下边图种的英文字体，不同的字体会改变字母的大小，导致整体的尺寸布局不同，进而导致整个排版混乱。相同的字体大小，在不同的字体下面，显示的效果几乎完全不同。这是英

10、文字体选择中，比较麻烦和头疼的问题。推荐阅读：字象乾