如何使用CSS更改网页上的字体

FONT元素在HTML 4中被弃用,不属于HTML5规范。 所以,如果你想改变你的网页上的字体,你应该学会如何用CSS(层叠样式表 )来做到这一点。

使用CSS更改字体的步骤

  1. 使用文本HTML编辑器打开网页。 它可以是新的或现有的页面。
  2. 写一些文字: 这段文字是Arial
  3. 使用SPAN元素围绕文本: 此文本位于Arial
  4. 将属性style =“”添加到span标记: 此文本是Arial
  5. 在style属性中,使用font-family样式更改字体: 此文本为Arial

使用CSS更改字体的提示

  1. 用逗号(,)分隔多个字体选项 。 例如,
    1. font-family:Arial,Geneva,Helvetica,sans-serif;
    2. 最好在字体堆栈中至少有两种字体(字体列表),这样如果浏览器没有第一种字体,它可以使用第二种字体。
  2. 总是用分号(;)结束每个CSS样式 。 只有一种风格时不需要,但这是一个很好的习惯。
  3. 本示例使用内联样式,但最好的样式类型放在外部样式表中,以便您可以影响更多的元素。 您可以使用一个类来设置文本块的样式。 例如:
    1. class =“arial”>这段文字是Arial
    2. 使用CSS:
    3. .arial {font-family:Arial; }