網頁字型使用什麼單位比較好,具體差異是什麼?

2025-07-13 03:15:16 字數 2182 閱讀 5440

1樓:木上鈴

正常的內容文字使用宋體12號即可,無需效果。站名,logo採用最大的字型,黑體,筆跡清晰即可。文章標題採用大於14號比內容略大。

版權,底部,次要文字採用10號左右淺色。冬青簡黑、微軟正黑跟信黑。冬青簡黑主字型檔經screen跟字遊工房十多年不斷修整,粗細比例已經調得十分完美(筆劃粗細竟細緻到有1 unit的分別,難怪在iphone上讀特別好讀),簡體字是有些微問題(簡枝肢悔體字整體比例比日本造的要矮了些),但絕對是現役最佳黑體。

微軟正黑,是windows的系統字型,pc用家沒得走。選正黑體原因純粹因為雅黑讀壞眼-字與字貼在一起,讀到眼坦。信黑,是新秀,柯飢桐老師的歐體結構相信沒有人覺得不好讀,加上適猛正當的字間距,待字型修得更成熟時會比冬青更優秀。

2樓:名

px 不用多說吧?既然都在知乎問這個問題,應該也是經常使用了。如果不考慮ie8以下的相容性,我更推薦使用rem,拿芹皮不首拿推薦使用em,不僅僅是因為rem新就說一點吧,因為rem只會相對html的值變化而變化,不會受到父子繼承帶來的影響,簡化了設計上的邏輯思考。

而這點正是em的麻煩或者說是不足之處。我們看一下下消差邊的問題:html字型大小為16px,則:

1、body設為,div設為,巢狀的ul再設為,請問現在字型多少?2、body設為,div設為,巢狀的ul再設為,請問現在字型多少?那個簡單,一目瞭然。

3樓:幾紫霜

頁裡指定字型大小,我一般只用 px 和 em。畫素級的網頁設計中,用 px 來制定字型大小是理所當然的,因為網頁是顯示在(液晶)屏正蠢幕上的。px 和液晶螢幕上的物理畫素是一一對應的(前提是系統的解像度設定正確),只有這樣才能在最大程度上控制文字的顯示效果;網頁中的其他元素,如**、div 等的尺賀告寸,也都是以畫素為單位的,字型大小單位也理應與之統一。

絕對單位為什麼不推薦用呢?因為 1 in 等禪清明於多少 px,取決於你係統的 dpi (可能有的人習慣叫 ppi,我按照 windows 系統用 dpi,請不要和螢幕本身的 ppi 混淆)設定,windows 預設是 96 dpi,os x 預設是 72 dpi,所以你無法保證同樣的乙個絕對長度,在所有螢幕上顯示為相同的 px 數(最終還是要靠 px 來看效果不是嗎)。px 的問題在於在老版本的 ie 瀏覽器下不能縮放。

然後說相對單位。我認為其中 em 最常用,最主流,也最直觀;而其他單位,都是可以相互換算的。em 的大小與 css 的繼承有關,它的大小取決於父級元素的 font-size 值。

ex 的值等於當前父級元素的 font-size 對應的 x-height。<>

網頁設計中最常用的字型有哪些

4樓:字型視界

常用的是黑體或宋體印品黑體。

印品清版宋。

5樓:網友

中文**一般預設就是宋體跟微軟雅黑,因為你的電腦上面的字型別的電腦上面不一定有,而宋體、微軟雅黑基本上是 windows 自帶字型,如果考慮到使用者體驗,所以儘量避免用一些系統本身沒有的字型。

英文**一律是 verdana。

下面是常用預設字型的呈現及用法:

中易宋體(simsun,truetype),又叫簡體中文:win最常見的字型,小字型點陣,大字型truetype,但是大字型並不好看,所以最好別做標題。

微軟雅黑:vista之後新引入的字型,開啟cleartype之後顯示效果不錯,不開cleartype發虛。

華文細黑:mac下的預設中文。

droid sans和衍生的wenquanyi microhei:andriod中的中文,也是linux絕大多數發行版本的預設中文,,當然也有用wenquanyi zenhei的,不過比較少了。

網頁中最好使用哪五種標準字型

6樓:網友

您好並不存在 什麼標準字型,也沒有人制定過這樣的標準。

不過為了能使盡量多的不能看到您網頁的原設計,一般在選擇字型時,儘量選擇一些多數人機器上都會有的字型,或者即使沒有也可以由預設字型替代的字型,並且不會太影響原設計效果,這樣的字型在業內一般被稱為安全字型,當然也有叫保守字型的。

這一點在英文網頁設計上尤為重要,因為中文是方塊字,字型對版面的影響還不是特別大,但英文都不同了。

一般英文安全字型:times new roamn、arial、comis sans ms等。

中文當然是楷體、仿宋、宋體、黑特等這些國標字了。

不懂技術網頁採集用什麼軟體比較好

top.1 樂思網 絡資訊採du集zhi系統 樂思網路dao信內息採系統的主要目標就是解決網路資訊採集和網路資料抓取容 將要採集的內容在網頁上點點進行標註,就能自動生成採集規則,很多學生都在用集搜客爬蟲。我也不會程式設計,不懂技術,看不懂 但是我還是有一定的電腦操作底子。如專果你也跟我一樣,屬你可以...

html網頁編輯器哪個比較好,Html程式碼編輯器哪個好用,Html程式碼編輯器推薦

editplus 這個編輯器,必需記的html常用標籤和css屬性,dw有自動提示功能 html 編輯器哪個好用,html 編輯器推薦 webstorm寫js比較好 hbuilder寫h5比較好 bracket 寫css比較好 sublime寫html css比較不錯,輕便,外掛安兩個就行,一個是p...

什麼閱讀軟體比較好,什麼閱讀軟體比較好

可以學習一下快速閱讀,快速閱讀是一種高效的閱讀學習方法。掌握快速閱讀之後,在閱讀文章 材料的時候可以快速的提取段落 文章的脈絡和重點,促進整理歸納分析,提高閱讀理解效率 同時很快的閱讀速度,還可以節約大量的時間,遊刃有餘的做其它事情。具體練習見 精英特全腦速讀記憶訓練 安裝軟體即可進行試用訓練。用軟...