Archives by date

所谓字体系列就是把一系列具有某些共同特性的字体的一个归类划分。 这里有css定义的5种通用字体系列 Serif字体 特点：字体成比例，有上下短线，这里的成比列是指相同设置下字体中的不同字符可能有不同的宽度，比如小写 i 和小写 m 宽度就不同。eg：Times , Georgia Sands-serif 特点:字体成比列，没有上线短线。eg：Verdana （注意对比下Serif字体的例子，有无上下短线细微区别） Monospace字体 特点：字体不成比列，可能有上线短线，也可能没。采用这种字体每个字符的宽度完全相同，即小写 i 和小写 m 宽度相同（这点再页面制作中还是挺有用的）。 Cursive字体。 特点：外形特点是就模仿人的手写字体。eg：Author （如果你的电脑上有Author这种字体，就可以在本页看到效果） Fantasy字体。 较特殊字体,无法将容易的将他们规划到任何一种其他字体系列中。eg：Woodblock 使用字体系列： 如果你希望使用一种sans-serif字体，但并不关心具体是那种，就可以这样声明 body{ font-family:sans-serif} 这样用户的浏览器就会从sans-serif字体系列中选择一个字体 当然通用字体的使用也遵守其他的字体使用规则。如可以定义多种字体： body{ font-family:Times，sans-serif} 了解这些字体系列的特性后，我们就可以容易的做出以下demo，例： 下面例子第一幅图用的是Arial字体属于sans-serif字体系列，第二幅图用的就是一种Monospace字体，设计师给的图形设计是排列整齐的一个字母列表，显然第一幅图不能达到设计的效果，这是就可以选择一种最为接近的Monospace字体来完成html页面 好久之前写的，今天又翻出来，个人觉得作为前端工作者还是至少要了解这些知识，不用记住每种字体属于哪个系列，但至少要做到知道有这么回事，以便用到的时候有据可查^_^。