Css Font 详细研究

  在设计自己博客主页的时候想修改下字体，结果发现自己对字体（css font）的了解只是一知半解，属于翻书医生的水平，呵呵。就细细翻阅了下css手册，就总结了一下。

  按简写顺序来总结吧。

font-style：可选值有normal(默认)、italic、oblique。中文翻译一个斜体一个倾斜。我看了下效果，这不坑爹么，一模一样啊。为什么要有两个效果一样的值呢！上网搜了一下，原来是这样啊：斜体是字体的一个属性，而倾斜是将字体倾斜。字体一般有粗体、斜体、下划线、删除线等属性规定了相应的表现样式，如果特殊字体没有斜体这个属性，你就算设置了font-style:italic也没有效果，这时候要想达到斜体效果就只能用oblique了。那为什么不直接都用oblique呢，我的猜想是oblique是将文字进行倾斜处理，相比直接调用字体的斜体样式性能要底。

 

font-variant：可选值normal、small-caps。就是将所有的小写字母尺寸缩小（缩小多少不知道）然后将小写形式改为大写形式，对本身是大写的字母无影响。对汉字无影响。

 

font-weight:normal、bold。这个不多说了，其他值都无效果。font-size和font-family就不多说了。没什么可说的

 

至于剩下的caption、icon、menu之类的我认为就是一些预定义的字体了

 

text-shadow:.1em .1em .3em red,-.1em -.1em .3em green;分别为水平偏移量，垂直偏移量和可选的模糊半径以及颜色值。可以指定多个阴影样式，不同样式以逗号隔开。

 

text-overflow:clip/ellipsis。一个是直接剪切掉一个是在末尾现实...

 

word-wrap：normal/break-word。一个是不在单词中间换行，一个是可以再单词中间换行。