简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

font-family属性怎么使用

不言
Lepaskan： 2021-04-20 14:43:37
asal
25425 orang telah melayarinya

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>
Salin selepas log masuk

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

微信截图_20190213171236.png

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

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

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

Label berkaitan：
font-family
sumber：php.cn
Artikel sebelumnya：CSS的+(加号)选择器怎么用 Artikel seterusnya：border-radius属性怎么使用
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
Penukaran automatik PX kepada ralat REM  <style>html {   font-size: calc(100vw / 3.75);      }badan {    saiz fon: 0.16rem; ...
daripada 2024-04-16 09:34:16
0
0
4687
Gaya CSS tidak digunakan pada tapak Saya sedang membuat tapak web menggunakan Bootstrap5 tetapi sifat index.css tidak digunaka...
daripada 2024-04-06 17:12:23
0
1
336
Betulkan kedudukan imej dan nama Saya cuba mengodkan tapak web, tetapi imej dan nama (Administracija) muncul di sebelah kir...
daripada 2024-04-05 10:41:36
0
1
3578
Paparkan elemen selepas baris baharu blok Pada masa ini saya mempunyai ini: Saya mahu meletakkan div ikon pada penghujung teks, teta...
daripada 2024-04-04 21:45:21
0
1
271
Menu lungsur turun tengah dalam bar navigasi 我制作了这个CSS/HTML。.navbar{width:100%;background-color:rgb(151,44,44);overflow:auto;}.navbara{...
daripada 2024-04-04 18:24:52
0
1
338
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！