在前端中,如果你沒有給頁面設(shè)置字體,那么默認(rèn)就是操作系統(tǒng)的默認(rèn)字體。我們在操作系統(tǒng)中設(shè)置的是什么字體那么" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > WEB 前端常用字體和色值你知道多少?

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

時間:2023-09-04 05:06:01 | 來源:網(wǎng)站運(yùn)營

時間:2023-09-04 05:06:01 來源:網(wǎng)站運(yùn)營

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

前言

在前端代碼的編寫過程中,我們很少去關(guān)注字體的設(shè)置,一般都是默認(rèn)的。

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

CSS 如何設(shè)置字體

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

font-family: Microsoft YaHei;如果你想給某一元素設(shè)置字體樣式,那么需要給他設(shè)置一個 class 類,然后在style 中進(jìn)行設(shè)置:

<!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>若是覺得給每個元素設(shè)置字體麻煩,在整個頁面中統(tǒng)一用一個樣式,那么直接給 body 設(shè)置即可,具體如下:

<!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> body{ font-family: Microsoft YaHei; } </style></head><body> <div> 我是微軟雅黑 </div> <p>我也是微軟雅黑喲!</p></body></html>

推薦

那除了微軟雅黑我們還能給頁面文本設(shè)置什么樣式呢?

如下你可以用到的:

  1. Mac OS 推薦:
華文細(xì)黑:STHeiti Light [STXihei]

華文黑體:STHeiti

華文楷體:STKaiti

華文宋體:STSong

華文仿宋:STFangsong

2. Windows 推薦:

黑體:SimHei

宋體:SimSun

新宋體:NSimSun

仿宋:FangSong

楷體:KaiTi

仿宋_GB2312:FangSong_GB2312

楷體_GB2312:KaiTi_GB2312

微軟雅黑體:Microsoft YaHei

3. Office 推薦:

隸書:LiSu

幼圓:YouYuan

華文細(xì)黑:STXihei

華文楷體:STKaiti

華文宋體:STSong

華文中宋:STZhongsong

華文仿宋:STFangsong

方正舒體:FZShuTi

方正姚體:FZYaoti

華文彩云:STCaiyun

華文琥珀:STHupo

華文隸書:STLiti

華文行楷:STXingkai

華文新魏:STXinwei

4. 另推薦 CSS 色值查詢

地址:CSS 顏色

后記

已超過 610969 個字字體推薦有些你設(shè)置可能不生效,這是因?yàn)槟銢]有在操作系統(tǒng)中安裝此字體,只要在你系統(tǒng)中有此字體,那么你設(shè)置就會有效果。

希望本推薦內(nèi)容能夠幫助到需要的小伙伴!

關(guān)鍵詞:字體

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉