關於字型大小和字型的設定

2021-07-29 11:08:59 字數 4286 閱讀 1905

1.問題:

css檔案中已設定了標籤的屬性font-family:"微軟雅黑",但是字型的顯示的效果卻是宋體,檢視一下網頁源**,發現設定的字型為亂碼。

亂碼顯示如font-family:"΢���ź�" ;

2.解決方法:

字型設定不要用中文:如font-family:"微軟雅黑";而使用字型的unicode編碼:如font-family:\5fae\8f6f\96c5\9ed1;

3.總結:

常見字型unicode編碼如下:

中文名英文名unicode

unicode2

windows

新細明體

pmingliu

\65b0\7ec6\660e\4f53

新細明體

細明體mingliu

\7ec6\660e\4f53

細明體標楷體

dfkai-sb

\6807\6977\4f53

標楷體黑體

simhei

\9ed1\4f53

黑體宋體

simsun

\5b8b\4f53

宋體新宋體

nsimsun

\65b0\5b8b\4f53

新宋體仿宋

fangsong

\4eff\5b8b

仿宋楷體

kaiti

\6977\4f53

楷體仿宋_gb2312

fangsong_gb2312

\4eff\5b8b_gb2312

仿宋_gb2312

楷體_gb2312

kaiti_gb2312

\6977\4f53_gb2312

楷體_gb2312

微軟正黑體

microsoft jhenghei

\5fae\x8f6f\6b63\9ed1\4f53

微軟正黑體

微軟雅黑

microsoft yahei

\5fae\8f6f\96c5\9ed1

微軟雅黑

office

隸書lisu

\96b6\4e66

隸書幼圓

youyuan

\5e7c\5706

幼圓華文細黑

stxihei

\534e\6587\7ec6\9ed1

華文細黑

華文楷體

stkaiti

\534e\6587\6977\4f53

華文楷體

華文宋體

stsong

\534e\6587\5b8b\4f53

華文宋體

華文中宋

stzhongsong

\534e\6587\4e2d\5b8b

華文中宋

mac os

華文仿宋

stfangsong

\534e\6587\4eff\5b8b

華文仿宋

方正舒體

fzshuti

\65b9\6b63\8212\4f53

方正舒體

方正姚體

fzyaoti

\65b9\6b63\59da\4f53

方正姚體

華文彩雲

stcaiyun

\534e\6587\5f69\4e91

華文彩雲

華文琥珀

sthupo

\534e\6587\7425\73c0

華文琥珀

華文隸書

stliti

\534e\6587\96b6\4e66

華文隸書

華文行楷

stxingkai

\534e\6587\884c\6977

華文行楷

華文新魏

stxinwei

\534e\6587\65b0\9b4f

華文新魏

華文細黑

stheiti light [stxihei]

\534e\6587\7ec6\9ed1

華文細黑

華文黑體

stheiti

\534e\6587\9ed1\4f53

華文黑體

華文楷體

stkaiti

\534e\6587\6977\4f53

華文楷體

華文宋體

stsong

\534e\6587\5b8b\4f53

華文宋體

華文仿宋

stfangsong

\534e\6587\4eff\5b8b

華文仿宋

麗黑pro lihei pro medium

\4e3d\9ed1 pro

麗黑 pro

麗宋pro lisong pro light

\4e3d\5b8b pro

麗宋 pro

標楷體biaukai

\6807\6977\4f53

標楷體蘋果麗中黑

\82f9\679c\4e3d\4e2d\9ed1

蘋果麗中黑

蘋果麗細宋

\82f9\679c\4e3d\7ec6\5b8b

蘋果麗細宋

3.word中字型大小(pt)和網頁中css設定font-size時用的px大小對應關係

a、「ems」: em,大小不固定 ,成為相對單位(body則相對瀏覽器的預設字型設定,子集相對父級), 瀏覽器預設設定字型大小為16px , 則1em = 16px , 且其可擴充套件,2em = 32px , 目前常用的字型大小px換算成em ,

b、「pixels」: px,大小是固定的,稱為絕對單位,在移動端的可訪問性差

c、「points」:pt,大小固定,屬於絕對單位,適用於印刷、列印**。

d、「percent」: %,跟em相似,以percent來表示,則當前字型的大小為100% ,使用% 設定字型,你的頁面字型在移動裝置端的可訪問性也很好。 

初號44pt

小初36pt

一號26pt

小一24pt

二號22pt

小二18pt

三號16pt

小三15pt

四號14pt

小四12pt

五號10.5pt

小五9pt

六號7.5pt

小六6.5pt

七号5.5pt

八號5pt

二、關係

一般情況下,1em=12pt=16px=100% . 下面例子前提在body中設定基礎字型大小。

由上圖可看出,相對單位em 和 % 會隨著基礎字型大小的變化而變化,而pt 和 px 不會變化,這就是為什麼選擇em 和 % 設定web文件文字的字型(其在移動端的訪問性也很好)。

三、em 與 % ,em與px 的換算

em的特點:

1. em的值並不是固定的;

2. em會繼承父級元素的字型大小。

重寫步驟:

1. body選擇器中宣告font-size:62.5%;

2. 將你的原來的px數值除以10,然後換上em作為單位;

如果只需要以上兩步就能解決問題的話,可能就沒人用px了。經過以上兩步,你會發現你的**字型大得出乎想象。因為em的值不固定,又會繼承父級 元素的大小,你可能會在content這個div裡把字型大小設為1.2em, 也就是12px。然後你又把選擇器p的字型大小也設為1.2em,但如果p屬於content的子級的話,p的字型大小就不是12px,而是1.2em= 1.2 * 12px=14.4px。這是因為content的字型大小被設為1.2em,這個em值繼承其父級元素body的大小,也就是16px * 62.5% * 1.2=12px, 而p作為其子級,em則繼承content的字型高,也就是12px。所以p的1.2em就不再是12px,而是14.4px。

3. 重新計算那些被放大的字型的em數值。避免字型大小的重複宣告,也就是避免以上提到的1.2 * 1.2= 1.44的現象。比如說你在#main中宣告了字型大小為1.2em,那麼在宣告p的字型大小時就只能是1em,而不是1.2em, 因為此em非彼em,它因繼承#content的字型高而變為了1em=12px。

詭異的12px漢字

在完成em轉換時還會發現乙個詭異的現象,就是由以上方法得到的12px(1.2em)大小的漢字在ie中並不等於直接用12px定義的字型大小,而 是稍大一點。這個問題我已經解決,你只需在body選擇器中把62.5%換成63%就能正常顯示了。

Latex字型字型大小設定

導言區 documentclass 12pt book,report,letter 通過文件類來改變文件結構型別 usepackage 使用中文注意 ctex巨集包 utf 8 xelatex newcommand 正文區 文稿區 begin 正文區有且僅有乙個document 字型族設定 羅馬字型...

latex字型字型大小設定學習筆記

導言區 documentclass 10pt 文件類引數可以控制normalsize的大小,可以進行設定,一般只有10 11 12pt usepackage latex的思想是格式與內容的分離,不建議在文件中直接使用大量命令,用newcommand命令定義乙個新的命令以執行相關的操作。newcomm...

centos修改字型和字型大小

寫這篇文章是怕自己會忘記怎麼修改 cd lib kbd consolefonts 進入到有字型的目錄 ls 檢視所有字型 setfont lat4 16 設定所選字型,lat4 16 為乙個字型名字 echo setfont lat4 16 etc bashrc 設定為開機預設 1.進入到 lib ...