HTML代码的字体设置

夜雨千回 · 发表于 2009-1-17 23:26

在HTML代码里，字体的定义并不是很难，我们只需用标签即可定义字体、字号、字体颜色等。 标签原则上要求成对出现，即在被修饰的字体前使用引导，在被修饰的文字后用结尾。下面给出例子和效果及相关说明：

语法：品读家园

效果：品读家园

说明：

标签里，face为字体名称， “=黑体”即表示被修饰的文字即“品读家园”的字体为黑体，至于定义为什么字体，看你的喜好了，如果你所设置的字体不存在，系统自动使用默认字体显示（如中文Windows平台下宋体就是默认字体）；

size表示字号，论坛里可用字号是1号到7号，通常数字越大字号也就越大（也有的论坛相反），如果用户定义的字号超过7号则以7号显示（但还有其他方法突破7号字体，稍后我们会讨论到的）；

color用来定义文字的显示颜色，其值放在和前面的各元素一样放在等号的后面，颜色的表示方式可用少量的颜色英文明文，也可用Web色码方式，如#ff0000，色码表请参阅色码表

夜雨千回 · 发表于 2009-1-17 23:28

字体修饰还用到其他的标签，分别介绍如下：
  
   粗体：文字  （例：文字）
 
   加重：文字 (例：文字）
 
   上标：文字  （例：文字）
 
   下标：文字  （例：文字）
 
   斜体：文字  （例：文字）
 
   下划线：文字  （例：文字）
 
提示：连同标签一块，以上这些修饰方法，只要不相互冲突就可以结合起来使用。

夜雨千回 · 发表于 2009-1-17 23:31

看一下综合效果：

代码： 品读家园

效果 品读家园

夜雨千回 · 发表于 2009-1-17 23:36

最后讲讲突破7号字大小问题：
我们需要以嵌套方式调用CSS样式来定义字体，这种方法可以让我们最大限度地设置字号大小，实现方法也很简单，只需在标签里用以下代码替换纯HTML原来的元素即可。请看以下代码和效果：
代码：style="font-size: 100pt;font-family:隶书" >春天
效果： 春天
 
说明：font-size: 100pt　表示字的大小
 
          font-family:隶书    表示字体，可以用 font-family:华文行楷、黑体等

真理之父 · 发表于 2009-1-17 23:36

给老师上茶

方圆 · 发表于 2009-1-17 23:37

哦，是这样啊

夜雨千回 · 发表于 2009-1-17 23:39

CSS扩展了HTML功能，它能够令帖子和网页的可控制程度更高。更多的CSS滤镜修饰字体，请看这里： http://www.gxblk.com/pc/no2/cssfont.php

因为论坛的版本不同，里面的代码可能在这里不能用，方圆你先试一下，如果在这里不能展示出效果的话，偶再告诉你解决办法

夜雨千回 · 发表于 2009-1-17 23:40

夜雨千回 · 发表于 2009-1-17 23:43

真理之父 · 发表于 2009-1-17 23:55

		自动登录	找回密码
密码			注册