如何用css设置网页字体[多图]

html-css07

如何用css设置网页字体[多图],第1张

考虑到用frontpage制作网页的人较多,同时它对其他网页编辑器的使用者也有一定的借鉴作用,

我们可以用css设置出无数种网页字体,但万变不离其宗,任何的变化都要遵循css的基本语法。因此我们先来了解一下css的基本语法,它是这样子的:HTML 标志 { 标志属性:属性值;标志属性:属性值;标志属性:属性值;…… }。设置字体时,只要正确的更改字体属性的属性值,就可以达到目的。字体属性共分五种:字族(font-family)、字体风格(font-style)、字体变形(font-variant)、字体加粗(font-weight)、字体大小(font-size),此外font属性是一个总体属性,可一一指定以上各种属性和属性值。它们的功能与属性值如下:

1、字族(font-family)

功能:通过font-family指定字体类型用于改变HTML标志或元素的字体,你可设置一个可用字体清单。浏览器由前向后选用字体。 其语法为:h1 {font-family: 字体类型,字体类型,字体类型} 2、字体风格(font-style)

功能:使文本显示为扁斜体或斜体等?属性值:normal-普通、italic-斜体、oblique-偏斜体 语法为:h1{font-style:属性值} 3、字体变形(font-variant)

功能:使文本中的小写字母显示为字体较小的大写字母,常用于设计特殊的标题。 属性值:normal(普通)和small-caps(小型大写字母) 语法为:h1{font-variant:属性值} 4、字体加粗(font-weight)

功能:用于设置字体笔划的粗细。

用font-family设置其字体,用font-zise设置其字体大小,用color设置其颜色,这是三个常用的设置字体的样式属性,如:

<p style="font-size:30px color:red font-family:Microsoft Yahei">字体示例</p>