字体标签与级联样式表(CSS)

你看过一个非常古老的网站,并看到HTML内的一个不寻常的标签? 许多年前,网页设计师实际上将自己的网页字体设置在HTML本身内,但结构(HTML)和样式(CSS)的分离在很久以前就不再使用了。

在今天的网页设计中,标签已被弃用。 这意味着标签不再是HTML规范的一部分。 尽管某些浏览器在弃用后仍支持此标记,但它在HTML5中不再受到支持,而HTML5是该语言的最新版本。 这意味着该标签不应该再出现在您的HTML文档中。

字体标签的替代品

如果您不能使用标签在HTML页面中设置文本的字体,您应该使用什么? 级联样式表 (CSS)是您今天在网站上设置字体样式(以及所有视觉样式)的方式。 CSS可以完成标签可以做的所有事情,再加上更多。 让我们来看看标签可以做什么,当它是我们的HTML页面的选项时(记住,它不再被支持,所以它不是一种选择),并比较如何使用CSS。

更改字体系列

字体是字体的面部或家族。 使用字体标签,您可以使用属性“face”,并且您需要多次将它放在整个文档中,以便为每个文本部分设置单独的字体。 如果您需要对该字体进行全面更改,则必须更改每个单独的标签。 例如:

这个字体不是sans-serif

在CSS中代替字体“face”,它被称为字体“family”。 你写一个可以设置字体的CSS样式。 例如,如果您想将页面中的所有文本设置为Garamond,则可以添加如下所示的视觉样式:

body {font-family:Garamond,Times,serif; }

这种CSS样式会将Garamond的字体族应用于网页上的所有内容,因为文档中的每个元素都是该网页的后代

更改字体颜色

与脸部一样,您可以使用“颜色”属性和十六进制代码或颜色名称来更改文本的颜色。 多年前,您还可以在文本元素上单独设置它,如标题标签。

这个字体是紫色的

今天,你只需写一行CSS。

这非常灵活。 如果你需要改变

在网站的每个页面上,您都可以对CSS文件进行一次更改,并且每个使用该文件的页面都将被更新。

与旧的

使用CSS来指定视觉样式已经成为网页设计人员多年的标准,所以如果你确实在寻找一个仍然使用标签的页面,那么它是一个非常古老的页面,它需要重新开发以符合当前的网页设计最佳实践和现代Web标准。

由Jeremy Girard编辑