background image

如何用 css 设置网页字体 

‖·css  专题

    2009-10-20 05:11 

  阅读 22   评论 0

 

 

   

字号:  大   中   小   

在网页界面的设计过程中,许多人考虑最多的是用什么图形与色彩来装饰网页,或是在网页上加上什么动

画特效;而对于网页的字体却不太重视。结果往往是有些网站的字体不是太小就是太大,严重影响阅览;而

有的网站整页用的都是标准字体,毫无个性而言。其实,字体作为网站内容的载体,有其独特的重要性,

是不应该忽视的。   

 

    运用 Html,我们可以对字体的大小及字形进行简单的修改,但要进行统一地控制、创建特殊效果,就

必须要用到 css.它能让您更有效地控制网页外观,并可以扩充精确指定网页元素位置,外观以及创建特殊

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

作用,   

 

因此,我就讲解一下如何在 frontpage2000 中运用 css 设置网页字体。   

 

      我们可以用 css 设置出无数种网页字体,但万变不离其宗,任何的变化都要遵循 css 的基本语法。因

此我们先来了解一下 css 的基本语法,它是这样子的:HTML  标志  {  标志属性:属性值;标志属性:属性

值;标志属性:属性值;

……  }。设置字体时,只要正确的更改字体属性的属性值,就可以达到目的。字

体属性共分五种:字族(font-family)、字体风格(font-style)、字体变形(font-variant)、字体加粗(f

ont-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)   

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

    属性值:正常度  -  normal