简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

font-family屬性怎麼使用

不言
發布： 2021-04-20 14:43:37
原創
25349 人瀏覽過

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>
登入後複製

效果如下：我們可以看到字體的形式為楷體

font-family屬性怎麼使用

在設定字體的時候我們需要注意的是，我們要設定的字體形式必需在Windows字體庫中有的，否則不會生效。

這篇文章到這裡就全部結束了，更多精彩內容大家可以追蹤php中文網的其他相關欄位教學！ ！ ！

以上是font-family屬性怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
font-family
來源：php.cn
上一篇：CSS的+(加號)選擇器怎麼用 下一篇：border-radius屬性怎麼使用
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何在HTML/CSS中嵌入背景影片？ 大家好，我最近遇到了一個問題。我嘗試為我的網站設定一個影片背景，但是居中的文字一直跑到底部，我不知道為什麼，然而導航欄卻沒問題。我做了很多研究，但是找不到解決方法。對於CSS，我做...
來自於 2023-11-06 13:59:13
0
1
240
Electron 中的 Vite + Vue3：如何匯入並使用 Material Design 圖示 @mdi/font（或任何其他圖示字體） 我想將@mdi/font圖示捆綁到我的應用程式中（它是一個Electron應用程式）。我安裝了npmi@mdi/font--save-dev:"devDependenci...
來自於 2023-11-02 18:43:57
0
1
179
Laravel 5.3中的錯誤：欄位沒有預設值 我在Laravel5.2中沒有問題，但在Laravel5.3中為使用者模型建立遷移後，它顯示以下錯誤：SQLSTATE[HY000]：一般錯誤：1364欄位「family」沒有預設...
來自於 2023-10-22 19:57:57
0
1
213
JavaScript 允許存取 CSS 自訂屬性（也稱為 CSS 變數） 如何使用JavaScript（普通或jQuery）來取得和設定CSS自訂屬性（透過樣式表中的var(…)存取的屬性）？這是我不成功的嘗試：點擊按鈕會更改通常的font-weight...
來自於 2023-10-20 22:42:04
0
2
244
根據容器大小進行字體縮放 我很難理解字體縮放問題。我目前有一個網站，其正文font-size為100%。 100%但什麼？這似乎是按16像素計算的。我的印像是100%在某種程度上指的是瀏覽器視窗的大小，但顯...
來自於 2023-10-08 21:42:41
0
2
231
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！