如何在网页中使用CSS 字体

 时间:2026-02-13 17:09:20

1、CSS 字体的分类。所有的字体分类当然是很多的,但是这些字体可以分成两大类,一种就是通用字体,比如:self  还有一类当然是特定字体的类型,比如"Times" 

如何在网页中使用CSS 字体

2、使用字体的代码实现。这就是一个最简单的字体声明。

body {font-family: sans-serif;}

如何在网页中使用CSS 字体

3、对于声明的字体在用户电脑中不存在的现象,那么我们可以把通用字体也放在声明当中,这也是通用字体的重要作用。

h1 {font-family: Georgia, serif;}

如何在网页中使用CSS 字体

4、字体的写法。对于简单的代码,我们可以简单的指定一下就行了,对于复杂的字体,一个字体当中有两个或者以上的单词,这个名称就要加上一个单引号。

p {font-family: Times, TimesNR, 'New Century Schoolbook',     Georgia, 'New York', serif;}

如何在网页中使用CSS 字体

5、字体风格。同样的字体也有三种不一样的风格。一种是正常的,一种是斜体,一种是倾斜体。

p.normal {font-style:normal;} 

p.italic {font-style:italic;} 

p.oblique {font-style:oblique;}

如何在网页中使用CSS 字体

6、字体变形。字体在形状上也会有一定的改变。比如小型大写字体,比如加粗字体。

p {font-variant:small-caps;}

粗细不同的变化

p.normal {font-weight:normal;} 

p.thick {font-weight:bold;} 

p.thicker {font-weight:900;}

如何在网页中使用CSS 字体

  • DataGrip怎么关闭在查询控制台和sql文件中启用
  • 机械师游戏本F117-PRO硬盘内存升级教程
  • 如何解决CentOS下启动MySQL失败的问题
  • asp.net验证码新手教程
  • HBuilder如何自定义外部命令
  • 热门搜索
    什么是鼠标手 腐女是什么意思 et是什么意思 pc是什么的缩写 手写板什么牌子好 清晰的什么 什么是信用卡透支 枸杞的功效和作用 bingo是什么意思中文 氨基葡萄糖的作用