網頁設計中字體規範總結
引導語:網頁設計中字體的選擇應該符合網頁的主題,以下是小編整理的網頁設計中字體規範總結,歡迎參考閲讀!
字體:
中文:宋體,微軟雅黑,方正系列(無狀態)
字號:
網頁中正文/導航字號在12px-18px之間
英文可以偏小一些 10px-16px
再小識別性就不是特別好了
標題文字字號,18px,20px,24px,28px,32px, 儘可能使用雙數
網頁banner的字體選用方法是要根據banner的主題,去挑選字體,因為字體本身也是有性格的,跟選老婆一樣性格合得來那就幸福,如果合不來總吵架這一輩子可咋過```在字庫中挑選字體時一件很讓人惱火的事,為了方便大家使用,我把網頁設計中經常用到的字體,按照性格分了類,以下推薦這些字體,是平時工作學習中總結得出,希望能給新收一些指導,如果你是高手,有自己的一套用字方法,那當然是極好的,所以真的不必太鑽牛角尖
中規中矩,經典通用
中易宋體
Win最常見的`字體,小字體點陣,大字體TrueType,但是大字體並不好看,所以最好別做標題。
微軟雅黑
Vista之後新引入的字體,打開Cleartype之後顯示效果不錯,不開Cleartype發虛。
華文細黑
Mac下的默認中文。
英文
Helvetica:
被評為設計師最愛的字體,Realist風格,簡潔現代的線條,非常受到追捧。在Mac下面被認為是最佳的網頁字體,在Windows下由於Hinting的原因顯示很糟糕。
Arial:
Helvetica的「克隆」,和Helvetica非常像,細節上比如R和G有小小差別。如果字號太小,文字太多,看起來會有些累眼。Win和Mac顯示都正常
Lucida Family:
Lucida Grande是Mac OS UI的標準字體,屬於humanist風格,稍微活潑一點。Mac下的顯示要比Win下好。
Verdana:
專門為了屏顯而設計的字體,humanist風格,在小字號下仍可以清楚顯示,但是字體細節缺失嚴重,最好別做標題。
Tahoma:
也是humanist風格,字體和Verdana有點像,但是略窄一些,counter略小,曾經是Windows的標準字體,Mac 10.5之後默認也有安裝。
Verdana:
是一套無襯線字體,由於它在小字上仍有結構清晰端整、閲讀辨識容易等高品質的表現,因而在1996年推出後即迅速成為許多領域所愛用的標準字型之一。
Georgia:
基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還算OK。
有些偏藝術類的網站的大字會使用lobster。更藝術的網站就搜索free font,或者font freebie吧
Trebuchet、Georgia、Times New Roman、Arial、Lucida等字體在26px或更大像素時效果是比較好的,非常適合作為正文的標題。
那些漂亮的網頁banner,它們都是用的什麼字體的?
看着那些設計各種酷炫的banner圖,這個字體是不是隨機使用?全憑設計師的感覺,無規律可循? 當然不是,設計師都是會根據bannner表達的主題,去挑選符合主題個性的字體。
-
javascript操作select元素案例分析
本文實例講述了javascript操作select元素的.用法。分享給大家供大家參考。具體分析如下:這裏熟悉一下js對select元素的操作,html頁面中建立一個form,其中包含一個select元素和submit按鈕。當選擇select中某一項時改變其文字,當select中所有項的文字都改變後,重新恢...
-
SQL的SUBSTR 函數的使用方法介紹
SUBSTR函數是用來截取數據庫某一列字段中的一部分。在各個數據庫的函數名稱不一樣(真是蛋疼,後發明的`數據庫難道不能同先發明的一樣嗎?)複製代碼代碼如下:MySQL:SUBSTR(),SUBSTRING()Oracle:SUBSTR()SQLServer:SUBSTRING();常用的方式是:SBUSTR(str,pos);就是從pos...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
解決PHP中的Cannot modify header information 問題
我就遇到這種問題,網上找到這個解決的方案,就收藏下寫PHP的朋友們肯定遇到過這樣一個問題:通過header函數改變http協議頭的時候,會出現一個類似下面格式的warning:複製代碼代碼如下:Warning:Cannotmodifyheaderinformation-headersalreadysentby這是為什麼呢?因為在...