CSS中规定的五种一般字体家族

原文地址：http://www.cnblogs.com/hunter001/articles/2076102.html

serif

serif 中文翻译为“衬线字体族”。

serif 具有末端加粗、扩张或尖细末端，或以实际的衬线结尾的一类字体。

可以看出 serif 总是在文字末端做文章，这样做的目的是增强可读性，也就是说在字号比较小的时候，serif 一族的字体仍然是比较好辨认的。

serif 典型的字体有：Times New Roman、MS Georgia、宋体……

serif 还可衍生出两种字体族：petit-serif（小衬线字体族（末端变化不明显））、slab-serif（雕版衬线字体族（末端变化非常明显））。由于显示器显示的字都不大，所以一般将小衬线字体族看作无衬线字体族，比如其中的黑体。

sans-serif

sans-serif 中文翻译为“无衬线字体族”。sans- 前缀是法语，发音为 /san/，意为“无”。

sans-serif 字体比较圆滑，线条粗线均匀，适合做艺术字、标题等，与“衬线字体”相比，如果字号比较小，看起来就会有些吃力。

sans-serif 典型的字体有：MS Trebuchet、MS Arial、MS Verdana、幼圆、隶书、楷体……

cursive

cursive 中文翻译为“手写字体族”。

顾名思义，这类字体的字就像手写的一样。

cursive 典型的字体有：Caflisch Script、Adobe Poetica、迷你简黄草、华文行草……

fantasy

fantasy 中文翻译为“梦幻字体族”。

fantasy 主要用在图片中，字体看起来很艺术，实际网页上用得不多。

fantasy 典型的字体有：WingDings、WingDings 2、WingDings 3、Symbol……

monospace

monospace 中文翻译为“等宽字体族”。

我们知道英文中各字母是不等宽的，但用 monospace，各个字母就是等宽的了，就可以像中文一样排版了。

monospace 典型的字体有：Courier、MS Courier New、Prestige……

总结

总的来说字体分为两个大类：serif、sans-serif，这两个大类下又可以分：cursive、fantasy、monospace，个人认为 CSS 把字体归为平起平坐的五类，逻辑上有点乱。

字号较小时不要用 sans-serif。

转载于:https://blog.51cto.com/1831651/1695972

CSS中规定的五种一般字体家族相关推荐

CSS鼠标动作的五种状态[伪类选择器]
CSS鼠标动作的五种状态[伪类选择器] 注意事项设置的样式失效的情况直接跳过就行了别纠结如果发现鼠标互动没反应你要检查一下 css定义超链接是要有先后顺序的.否则,可能会出现某个或某几个样式 ...
详解 CSS position定位的五种方式
position 属性规定应用于元素的定位方法的类型(static.relative.fixed.absolute 或 sticky). 常见的固定定位,例如手机端的导航,快捷按钮.例如本站的&quo ...
CSS中常用的4种长度单位
在现实生活中,我们知道很多的长度单位,例如米,厘米,寸,尺等等,在css的世界中,也有很多的长度单位以下是css中常用的四种常用的长度单位 1,像素 px - 像素是我们在网页中使用的最多的一个单位 ...
css圆在中心根据宽度缩放_根据CSS中的容器宽度重新缩放字体
css圆在中心根据宽度缩放 Introduction: 介绍: Dealing with fonts is a very interesting thing to do as fonts bring ...
css button 四种状态,css中按钮的四种状态
css中按钮有四种状态普通状态 hover 鼠标悬停状态 active 点击状态 focus 取得焦点状态 .btn:focus{outline:0;} 可以去除按钮或a标签点击后的蓝色边框下面的 ...
python list方法说明_对python中list的五种查找方法说明
Python中是有查找功能的,五种方式:in.not in.count.index,find 前两种方法是保留字,后两种方式是列表的方法. 下面以a_list = ['a','b','c','hell ...
python list find函数_对python中list的五种查找方法说明
Python中是有查找功能的,五种方式:in.not in.count.index,find 前两种方法是保留字,后两种方式是列表的方法. 下面以a_list = ['a','b','c','hell ...
Redis_17_Redis服务器中的数据库(五种基本类型底层存放)
文章目录一.前言二.RedisObject对象 2.1 RedisObject对象 2.2 类型type 2.3 编码encoding 2.4 sds 三.字符串对象string 3.1 int编 ...
提高CSS文件可维护性的五种方法
当完成一项前端的工作之后,许多人都会忘记该项目的结构与细节.然而代码并不是马上就能完全定型,在余下的时间里还有不断的维护工作,而这些工作也许不会是你自己完成.所以,结构优良的代码能很大程度上优化它的可 ...

CSS中规定的五种一般字体家族

CSS中规定的五种一般字体家族相关推荐

最新文章

热门文章