網(wǎng)頁設(shè)計(jì)中最常用的字體有哪些？（中文和英文）？常用字體是瀏覽器或操作系統(tǒng)的默認(rèn)字體。不同的系統(tǒng)和瀏覽器將有不同的默認(rèn)字體。當(dāng)然，我們可以自己在網(wǎng)站上設(shè)置。但是，我們必須考慮您選擇的字體以及它是否安裝在

網(wǎng)頁設(shè)計(jì)中最常用的字體有哪些？（中文和英文）？

常用字體是瀏覽器或操作系統(tǒng)的默認(rèn)字體。不同的系統(tǒng)和瀏覽器將有不同的默認(rèn)字體。當(dāng)然，我們可以自己在網(wǎng)站上設(shè)置。但是，我們必須考慮您選擇的字體以及它是否安裝在您用戶的計(jì)算機(jī)中。否則，瀏覽器將更改為默認(rèn)字體。

常用默認(rèn)字體有：win最常用字體、小字體點(diǎn)陣、大字體TrueType，但大字體不好看，所以最好不要做標(biāo)題。

啟用ClearType時(shí)，Vista之后引入的新字體具有良好的顯示效果。如果ClearType沒有打開，它將是空的。

Mac上的默認(rèn)中文。

它被評(píng)為設(shè)計(jì)師最喜歡的字體、寫實(shí)風(fēng)格、簡(jiǎn)潔現(xiàn)代的線條，非常受歡迎。它被認(rèn)為是Mac下最好的網(wǎng)頁字體，但在Windows下由于暗示而顯示不好。

Helvetica的“克隆”與Helvetica非常相似。例如，在細(xì)節(jié)上，R和G略有不同。如果字號(hào)太小，字?jǐn)?shù)太多，就會(huì)顯得很累。Win和MAC顯示都是正常的

作為系統(tǒng)字體，以上可以應(yīng)用在網(wǎng)站標(biāo)題和正文需要呈現(xiàn)大量信息的地方。

PC端和移動(dòng)端網(wǎng)頁設(shè)計(jì)的字體規(guī)范是什么？

網(wǎng)頁設(shè)計(jì)里的字體怎么改變r(jià)em格式？

電腦網(wǎng)頁的默認(rèn)字體是宋體。我們?cè)谥匦略O(shè)計(jì)時(shí)需要注意歌曲的字體。必須選擇最小12像素的漢字，字符屬性為“無”。因?yàn)樗误w中文只有12個(gè)像素，所以只能看得很清楚。當(dāng)它大于12或14時(shí)，我們通常用黑體字。最小的英文宋體可以是9像素，很少使用。對(duì)于移動(dòng)終端上的IOS，我們將字體設(shè)計(jì)為apple，對(duì)于Android，我們使用粗體字體。

??應(yīng)式網(wǎng)頁設(shè)計(jì):rem、em設(shè)置網(wǎng)頁字體大小自適應(yīng)

「rem」是指根元素（root element，html）的字體大小，好開心的是，從遙遠(yuǎn)的 IE6 到版本帝 Chrome 他們都約好了，根元素默認(rèn)的 font-size 都是 16px。這樣一個(gè)新的單位兼容性如何呢？

IE9 ，F(xiàn)irefox、Chrome、Safari、Opera 的主流版本都支持了，我可以放肆的使用 rem 了。

em 的計(jì)算是基于父級(jí)元素的，在實(shí)際使用中給我們的計(jì)算帶來了很大的不便。所以 rem 的出現(xiàn)解救了我這樣不會(huì)算術(shù)的人，再也不用擔(dān)心父級(jí)元素的 font-size 了，因?yàn)樗冀K是基于根元素（html） 的。

比如默認(rèn)的 html font-size=16px，那么我想設(shè)置12px 的文字就是：12÷16=0.75（rem）

當(dāng)然，你可以引入 CSS 預(yù)處理工具（Sass、LESS 、Stylus等）自動(dòng)計(jì)算 rem 值，這里就不一一舉例了。

但是像我這樣的懶人或者團(tuán)隊(duì)開發(fā)中還沒有引入 CSS 預(yù)處理工具的該腫么辦呢？只能搬個(gè)計(jì)算器啪啪啪了嗎？別急，你還可以變通一下。我們改變一下 html 的默認(rèn) font-size=10px 不就好計(jì)算了嘛！Like this：

html{font-size:62.5% /* 10÷16=62.5% */} body{font-size:12pxfont-size:1.2rem /* 12÷10=1.2 */} p{font-size:14pxfont-size:1.4rem}

需要注意的是，為了兼容不支持 rem 的瀏覽器，我們需要在 rem 前面寫上對(duì)應(yīng)的 px 值，這樣不支持的瀏覽器可以優(yōu)雅降級(jí)。其實(shí)不用太糾結(jié)是默認(rèn)的 font-size:100%，還是設(shè)置為 font-size:62.5%，如果你引入了 CSS 預(yù)處理工具那么自然可以使用默認(rèn)值，如果由于其他原因使用 font-size:62.5% 也無可厚非，完全可以在 body 中重置回你需要的默認(rèn) font-size。

響應(yīng)式網(wǎng)頁設(shè)計(jì)：REM和EM自適應(yīng)設(shè)置網(wǎng)頁的字體大小

“REM”是指根元素（HTML）的字體大小。令人高興的是，他們已經(jīng)預(yù)約從IE6到chrome。根元素的默認(rèn)字體大小是16px。這樣一個(gè)新裝置的兼容性如何？

IE9，F(xiàn)irefox、chrome、Safari和opera的主流版本都支持它。我可以自由使用REM。

EM的計(jì)算是基于父元素的，這給實(shí)際應(yīng)用帶來了很大的不便。所以REM的出現(xiàn)拯救了像我這樣不會(huì)算術(shù)的人。他們不必再擔(dān)心父元素的字體大小，因?yàn)樗偸腔诟兀℉TML）。

例如，默認(rèn)的HTML字體大小=16px，那么我想將12px的文本設(shè)置為：12△16=0.75（REM）

當(dāng)然，您可以引入CSS預(yù)處理工具（SASS、less、stylus等）來自動(dòng)計(jì)算REM值，所以這里我不一一給您舉例。

但是如果像我這樣的懶人或團(tuán)隊(duì)沒有引入CSS預(yù)處理工具呢？我能移動(dòng)一個(gè)計(jì)算器嗎？別擔(dān)心。你可以做些改變。讓我們改變默認(rèn)字體大小=10px的HTML計(jì)算！像這樣：

html{字體-尺寸：62.5%/*10÷16=62.5%*/}正文{字體-大?。?2px字體大?。?.2rem/*12÷10=1.2*/}p{字體-大?。?4px字體大小需要注意的是，為了與不支持rem的瀏覽器兼容，我們需要在rem前面寫上相應(yīng)的PX值，因此，不支持REM的瀏覽器可以正常降級(jí)。其實(shí)，不用太擔(dān)心。這是默認(rèn)字體-尺寸：100%，或設(shè)置為字體-尺寸：62.5%如果引入CSS預(yù)處理工具，自然可以使用默認(rèn)值。如果您出于其他原因使用字體-尺寸：62.5%可以重置正文中的默認(rèn)字體大小。