Rumah >hujung hadapan web >tutorial css >font-family属性怎么使用

font-family属性怎么使用

不言
不言asal
2019-02-13 17:44:0325509semak imbas

font-family属性是用来设置元素的字体系列,其使用方法:首先创建一个HTML示例文件;然后在body中通过p标签创建文件;最后通过样式“font-family:楷体;”来设置字体即可。

font-family属性怎么使用

本文操作环境:windows7系统、CSS3版、Dell G3电脑。

CSS中的font-family属性是用来设置元素的字体系列,如果要指定网页显示的字体,就需要设置font-family属性,下面我们就来具体看一下font-family属性的用法。

font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体系列名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。

下面我们来看具体的示例

代码如下:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
 <style type="text/css">
    p.sample1 {font-family:楷体; }
 </style>
  </head>
  <body>
    <p class="sample1">文字的字体设置</p>
  </body>
</html>

效果如下:我们可以看到字体的形式为楷体

微信截图_20190213171236.png

在设置字体的时候我们需要注意的是,我们要设置的字体形式必需在Windows字体库中有的,否则不会生效。

本篇文章到这里就全部结束了,更多精彩内容大家可以关注php中文网的其他相关栏目教程!!!

Atas ialah kandungan terperinci font-family属性怎么使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel berkaitan

Lihat lagi