当前位置:首页 > HTML/CSS > 正文内容

如何为网页选择合适的字体?

彭淇3年前 (2017-08-09)HTML/CSS24361

字体系列一般分为五种:Sans-serif、 Serif、 Monospace、 Cursive 和 Fantasy。

每个font-family包含了一系列具有相同特征的字体,这里只会举几个常用的例子。

Sans-serif 和 Serif系列字体

两种字体的区别是是否有衬线(Serif)。衬线是字母主线端的短细线。

Serif系列是有衬线的字体,一般用于报纸印刷。
常见的Serif系列的字体有:Times、 Times New Roman、 Georgia等。

Sans-serif系列没有衬线,在电脑屏幕上比Serif字体更具可读性。
常见的sans-serif系列的字体有:Arial、 Arial Black、 Geneva、 Trebuchet MS、 Verdana等。

Monospace系列字体

Monospace系列的字母具有相同宽度。例如字母 和字母 所占的水平空间是相同的。

这些字体主要用来显示软件代码实例。
常见的Monospace系列的字体有: Courier、 Courier New、 Andale Mono等。

Cursive系列字体

Cursive系列是一些看起来像是手写的字体,有时候用于标题。

常见的Cursive系列的字体有: Comic Sans、 Apple Chancery等。

Fantasy系列字体

Fantasy系列是一些有固定装饰的字体,不多见,在规范的Web设计中几乎不能看到。
常见的Fantasy系列的字体有: LAST NINJA、 Impact等。


仔细观察字体系列:Serif字体看起来古典而优美,而Sans-Serif字体看起来清晰而易读。
Monospace字体像是用打字机打出来的,Cursive和Fantasy字体就比较有趣或个性化。

扫描二维码至手机访问

扫描二维码推送至手机端访问。

版权声明:本文由淇云博客发布,如需转载请注明出处。

转载请注明出处:https://www.pengqi.club/blog/9.html

标签: 网页字体
分享给朋友:

相关文章

DIV+CSS设计页面时的常见错误预防技巧

DIV+CSS设计页面时的常见错误预防技巧

以下是一些DIV+CSS设计页面时的常见错误的预防技巧,希望能对大家有所帮助。 1. 检查HTML元素是否有拼写错误、是否忘记结束标记...

纯CSS实现各种图形效果分享

纯CSS实现各种图形效果分享 CSS可以实现任意的图形,特别是CSS3的圆角、旋转、倾斜等效果出现之后,CSS2要想出现斜线,可利用border的特性,利用相邻的边框不同颜色出现斜线...

HTML验证码生成

HTML验证码生成

如图所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...

css简单导航条制作

css简单导航条制作,效果如图所示:<!DOCTYPE html> <html lang="en"> <head>...

微信公众号开通

微信公众号开通

博主的微信公众号正式开通啦,欢迎扫描下方二维码关注,谢谢!...

给网站添加好看的底部功能按钮

给网站添加好看的底部功能按钮

在一些博客手机版会看到底部有些按键很好看!跟下面图片的一样,把代码随便添加到首页或者footer文件就行<style type="text/css">.nav...

评论列表

匿名
匿名
3年前 (2017-08-17)

[blockquote][F1] 好羞射,文章真的好赞啊,顶博主![/blockquote]

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。