CSS标签大全------字体篇

字体属性：(font)

值的顺序：font-style;font-variant;font-weight;font-size/line-height;font-family

例如：italic  small-caps  bold  X-large  "Times New Roman"

==========================================
大小 ：font-size

值： x-large;(特大)/ xx-small;(极小) /数值，单位：px,pd

---------------------------------------------------------------------------

样式 font-style

值： oblique;(偏斜体)/italic;(斜体)/normal;(正常)

解析：其中italic和oblique在样式表现上面没有很大的区别，但是italic和oblique都需要字体文件的支持，如果font-style:italic;那么首先会去查看有没有支持斜体的字体文件，如果有就按照italic显示字体，如果没有，会查看没有支持oblique的字体文件，如果有就以oblique显示，如果没有，浏览器会简单的将字体倾斜一个角度显示

如果font-style:oblique;那么浏览器只会查看有没有支持oblique的字体文件，如果没有，浏览器就会简单的将字体倾斜一个角度显示，所以一般情况下，如果需要斜体字的时候，我们还是定义font-style的值为italic比较好

---------------------------------------------------------------------------------

字体粗细font-weight

值：bold;(粗体)/lighter;(细体)/normal;(正常)/数值(100-900),以百为单位，其中400相当于normal，700相当于bold，注意没有单位，只是普通的数字

---------------------------------------------------------------------------------
字体变化 font-variant

值 ：small-caps ; 小型大写字母 ) normal;( 正常 )

解析：small-caps的意思是以小尺寸显示的大写字母，这里的小尺寸一般是指小写字母的尺寸，该属性页需要文件的支持，如果浏览器没有该字体文件，就会以正常尺寸显示大写字母，即大写字母应该显示的尺寸

------------------------------------------------------------------------------

 大小写 text-transform

值：capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)

--------------------------------------------------------------------------------------------------------------------
常用字体：(font-family)

解析：font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个；

其值有两种类型，一种是字体名称，例如我们常说的“宋体”、“Times New Roman”诸如此类，一种是族类名称，即一组具有同一外观的字体族，我们列举了三类族

所以我们在定义该属性时，最好第一个值是我们想要使用的字体的值，后面跟一个该字体所在的族名称，这样即使用户的浏览器不支持第一种字体，也会从同族中找到一种进行替代，又由于同族的字体具有相似的外观特征，所以差别不会很大

另外注意，font-family:"Time New Roman",serif;由于Time New Roman中间有空格，所以应该用引号引起来

--------------------------------------------------------------------------------------------------------------------------

收缩或拉伸font-stretch(所有主流浏览器都不支持该属性)

值：normal/wider/narrower/ultra-condensed/extra-condensed/condensed/semi-condensed/semi-expanded/expanded/extra-expanded/ultra-expanded

 

解析：可对当前的 font-family 进行伸缩变形，设置 font-family 的缩放比例,其中normal是正常显示，wider是把伸展比例设置为更进一步的伸展值，narrower是把伸展比例设置为更进一步的收缩值，后面一系列的值中"ultra-condensed" 是最宽的值，而 "ultra-expanded" 是最窄的值

-------------------------------------------------------------------------------------------------------------------------------

为元素规定aspect值font-size-adjust（IE不支持该属性）

值：normal/数值（为字体的 aspect 值比率）

解析：aspect 值的概念：字体的小写字母 "x" 的高度与 "font-size" 高度之间的比率被称为一个字体的 aspect 值，当字体拥有高的 aspect 值时，那么当此字体被设置为很小的尺寸时会更易阅读

计算公式：首选字体的字体尺寸 * （font-size-adjust 值 / 可用字体的 aspect 值）=可应用到可用字体的字体尺寸

Verdana 的 aspect 值是 0.58（意味着当字体尺寸为 100px 时，它的 x-height 是 58px ）。Times New Roman 的 aspect 值是 0.46。这就意味着 Verdana 在小尺寸时比 Times New Roman 更易阅读。