CSS中关于font的样式

来源:互联网 发布:英国谢菲尔德大学 知乎 编辑:程序博客网 时间:2024/05/18 01:25

CSS中关于font的样式

  1. 字体
  2. 粗细
  3. 大小
  4. 斜体
  5. 行距
  6. 缩略写法

字体

font-family
定义字体,允许有多个字体作为轮候的值。例如:

font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;

这样就会首先使用’Microsoft YaHei’,如果用户电脑没有安装这个字体,则往后使用Arial字体,以此类推。

@font-facecss3中的一个模块,允许开发者自定义web字体,以及其路径,用法如下:@font-face {    font-family: <YourWebFontName>;    src: <source> [<format>][,<source> [<format>]]*;    [font-weight: <weight>];    [font-style: <style>];  }

在定义了@font-face的font-family后,则可以在其他font-family调用这个名称的字体了。

参考文章:css font-face

粗细

font-weight
定义字体的粗细,按照从小到大以及默认值有:
100-900\thinker\bold\normal等值

大小

font-size
定义字体大小
1.5em\15px

斜体

font-style
定义字体是否为斜体

行距

line-height
定义字体的行间隔,通常可以用于字体的垂直居中。

缩略写法

font:font-style font-weight font-size line-height font-family;
(斜粗大高体……写出大高体……随便记吧)
参考文章:[font和background的缩写形式(当然,常用的还有border的缩写)

0 0
原创粉丝点击