前言

在前端代碼的編寫過程中，我們很少去關注字體的設置，一般都是默認的。

在前端中，如果你沒有給頁面設置字體，那么默認就是操作系統的默認字體。我們在操作系統中設置的是什么字體那么在瀏覽器中顯示的就是什么字體，一般這個字體默認是微軟雅黑

CSS 如何設置字體

我們在編寫代碼的時候給元素或者頁面設置字體的方式如下：

 font-family: Microsoft YaHei;

如果你想給某一元素設置字體樣式，那么需要給他設置一個 class 類，然后在style 中進行設置：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    .set_font_family{
        font-family: Microsoft YaHei;
    }
    </style>
</head>

<body>
    <div class="set_font_family">
        我是微軟雅黑
    </div>
</body>

</html>

后記

已超過 610969 個字字體推薦有些你設置可能不生效，這是因為你沒有在操作系統中安裝此字體，只要在你系統中有此字體，那么你設置就會有效果。

希望本推薦內容能夠幫助到需要的小伙伴！

作者：單乘風
鏈接：WEB 前端常用字體和色值你知道多少？ - 知乎 (zhihu.com)
來源：知乎
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Web中常用字體介紹 html常用字體常用字體顏色 html 常用字體公文常用字體下載 font-family常用字體 Markdown文檔常用字體及顏色設置常用字體名稱中文對應英文 APP界面設計必備，常用字體規范常用字段和參數

WEB 前端常用字體和色值你知道多少？

前言

CSS 如何設置字體

推薦

Mac OS 推薦：

Windows 推薦：

Office 推薦：

另推薦 CSS 色值查詢

后記

免責聲明！