HTML网页设计中关于字体设计的详细讲解(2)_字体设计教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

  将需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。  

  字体的样式(style)。

  字体的样式有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。设置方法很简单,阿捷就不多罗嗦了。

  字体的效果。

  这里指通过html语言设定可以直接显示的效果,在html里的语句设定为:

  <span style="text-decoration: overline">显示文字</span>

  其中,overline是指上划线效果。其它常用的效果还有:underline(下划线),uppercase(大写)等等。

  字体大小的控制。

  字体大小的控制是本节的重点。

  一般字体默认的大小是12pt(镑).用<font size=" 1">语句可以将文字增大2pt。这种方法我们都已经掌握了。而现在网络上最流行的小中文字体大小为9pt,是如何设定的呢?有三种方法:

  1.用"<span style="font-size:9pt">显示文字</span>"语句来设定。

  显然这种方法非常麻烦,你必须为每段文字都设定大小。

  2.用CSS层叠样式表。CSS是DHTML的一个组成部分,它可以定义整个页面的字体显示风格和大小。是较为简便的方法。比如,这里需要设定整个页面文字大小为9pt,只要将下面这段代码加入html代码的<head>和</head>之间:

  <style type="text/css">

  <--

  body {FONT-SIZE: 9pt}

  th {FONT-SIZE: 9pt}

  td {FONT-SIZE: 9pt}

  -->

  </style>

  其中FONT-SIZE:9pt指字体的大小为9镑

  3.第二种方法已经简化了许多步骤,但是仍然不是最理想的方法,因为你必须在每个页面的head区都放置这么一段代码,扩大了文件的字节。另外这样的做法还有一个重大缺点,就是如果我需要修改整个站点的字体大小,就必须一页一页的改!

来源:模板无忧//所属分类:字体设计教程/更新时间:2008-08-21
相关字体设计教程