css中将字体设置为黑体

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,我们可以使用font-family属性来指定文字的字体。如果你希望用黑体作为整个页面的默认字体,可以这样写:body { font-family: SimHei , 黑体 , sans-s

在CSS中,我们可以使用font-family属性来指定文字的字体。如果你希望用黑体作为整个页面的默认字体,可以这样写:
body {
  font-family: "SimHei", "黑体", sans-serif;
} 

这里我们先写一个通用的选择器body,表示整个页面的文字都会应用这个样式。然后在font-family里写了三个参数,它们之间用逗号隔开。第一个参数"SimHei"表示使用“宋体”字体的黑体版本,这个字体在Windows系统下比较常见。第二个参数是"黑体",这个就是普通的黑体了。最后一个参数sans-serif是一个万能字体,表示如果前面的字体都不存在或无法显示,就使用系统默认的无衬线字体。
如果你只想让某一段文字应用黑体字体,可以使用一个类:
p.black {
  font-family: "SimHei", "黑体", sans-serif;
} 

这里我们为p标签添加了一个类名black,表示只有这些p标签应用这个样式。然后在CSS里写了这个类的样式,和上面的代码一样。
最后,如果你需要定义几种不同的字体,可以使用font-face规则:
@font-face {
  font-family: myfont;
  src: url(font.ttf);
} 

这里我们定义了一个名字为myfont的字体,然后指定了这个字体文件的路径。接下来就可以在CSS里使用这个字体了:
body {
  font-family: myfont, sans-serif;
} 

这里我们在font-family里使用了myfont和sans-serif两种字体,如果myfont字体不存在,就会自动切换到sans-serif字体。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中将字体设置为黑体

粉丝

0

关注

0

收藏

0

已有0次打赏