⑴ 網頁設計字體設計規范
網頁設計需要將圖片和文字相結合，達到融合的境界，當然文字的設計也是有一定的規范的，下面是關於網頁設計字體設計規范，歡迎參考！
網頁設計常用字型大小
最好用偶數字型大小
1、Header導航文字12號或14號;
2、Menu導航文字14—18號;
3、Sidebar文字12號或14號，
4、一級菜單使用14號、二級菜單使用12號
或一級菜單使用12號加粗、二級菜單使用12號
5、Footer 文字12號或14號
6、正文：大標題文字24—32號;標題文字16或18號;正文文字12號或14號
7、標題文字字型大小，18px，20px，24px，28px，32px， 盡可能使用雙數
8、按鈕文字：比如登錄、注冊頁面按鈕或其他按鈕，文字14—16號，可根據實際情況調整大小或加粗。
9、同一層級的字型大小搭配應該保持一致。比如，同一層級的版塊中標題文字和內容文字大小的一致性
在蘋果官網中，產品展示文字以64號和32號搭配，文字內容簡短有力，可讀性強，同時非常具有視覺沖擊力，突出顯示了品牌特徵。
字體排版規范
一、最佳易讀性規范
1.行寬
傳統圖書排版每行最佳字元數是55—75，實際在網頁上每行字元75—85更流行。中文在14號字體時，建議35—45個文字
2.行高
網頁設計中，文字間距一般根據字體大小選1—1.5倍作為行間距，1.5—2倍作為段間距
比如12號字體，行間距是12px—18px，段落間距則是18px—24px。
另外，行高/段落之間的空白=0.754。行間距正好是段落間距的75%是非常常見的。
3.行對齊
通常情況下，建議在頁面上只使用一種文本對齊，盡量避免兩端對齊
4.文字留白
在排版文字時，在版面需要留出空餘空間，留白面積從小到大應該遵循的順序是：字間距、行間距、段間距。此外，在排版內容區之前，需要根據頁面實際情況給頁面四周留出余白。
5、CRAP原則(carp)
對比(Contrast)、重復(Repetition)、對齊(Alignment)、親密性(Proximity)
字體選擇
字體：中文：宋體，微軟雅黑，方正系列(無狀態)
字型大小：網頁中正文/導航字型大小在12px-18px之間
英文可以偏小一些 10px-16px
再小識別性就不是特別好了
中規中矩，經典通用
中易宋體
Win最常見的'字體，小字體點陣，大字體TrueType，但是大字體並不好看，所以最好別做標題。
微軟雅黑
大段的微軟雅黑字體排列略顯厚重，如果是在網頁上長時間瀏覽，會讓人的眼睛產生不適。相比而言，襯線字體裝飾性強，具有易讀性，所以宋體更適合知乎網站這種大段文字網站
微軟雅黑給人的感受包括平和、干凈、簡單、平靜、專業
華文細黑
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的字體選用方法是要根據banner的主題，去挑選字體，因為字體本身也是有性格的
第一類，穩定型(協調，齊全，穩定，高質)
微軟雅黑、冬青黑體、宋體、華文細黑、方正正中黑、方正蘭亭系列
第二類，剛硬，銳利，清晰，強烈
造字工坊力黑體、造字工坊版黑體、造字工坊勁黑體、銳字逼格銳線體簡、張海山銳線體、華康儷金黑、蒙納超剛黑體
(更適用大氣，熱烈，權威，聲明等主題)
第三類，輕松，手寫，可愛，童趣，親切
方正經黑、華康海報、漢儀小麥、方正稚藝、新蒂下午茶、漢儀歪歪體、新蒂小丸子
(適用於，游戲娛樂活動海報，h5廣告頁面，兒童/女性主題)
第四類，靈動，清新，秀雅，精緻，古韻
方正清刻本悅宋簡體、方正宋刻本秀楷體、方正宋刻本、秀楷體、漢儀全唐詩、簡康熙字典體、祥南行書體、造字工房、刻宋
(適用於復古，典雅，傳統，品質，靈動等主題)
⑵ 如何調整網頁中文字的行距和間距
調整網頁中文字的行距和間距的方法和操作步驟如下：
1、首先，打開vscode並創建一個H5標准頁面，該頁面用於演示html行距和間距的設置方法，如下圖所示。
⑶ dreamweaver網頁製作時怎麼給一段文字設置行距
代碼：
1、<span style="font-size:13px; line-height:170%">要修飾的內容鍵雀伍</span>
13px是修飾字的大小，170%就是行間距.
或者
2、把這代碼插入<head>歲昌 </head>：
<style type="text/css">
<!--
body { line-height: 12pt; font-size: 9pt}
稿或td { font-size: 9pt; line-height: 12pt}
-->
</style>
⑷ 網頁文字如何調整行距
1、直接給父級標簽添加class類，然後給類書寫行距樣式，這樣該便簽內的文字都會應用到這個行距
xxxx
.lh{
line-height:18px;
font-size:12px;}
2、或者是直接塵絕給標簽添加行內樣式style="line-height:20px;"，但是不建議肢鏈這么做派飢姿，這樣會造成結構和表現沒有分離。
3、直接給body設定統一的行高，局部需要其他行高的在去設置
body{
font:normal
12px/16px
"micorsoft
yahei";/*12/16px表示字體大小12px，行高16px*/}
⑸ 怎樣調整網頁的行間距
設置css樣式，行距的控制在它的type項中的line；間距的控制在block項的letter spacing。
把這段代碼放進你要編輯文本代碼模式下的最上方，修改相關的數值自行調整大小。
<STYLE type=text/css>
<!--
body,td,th {
letter-spacing: 2px;
line-height: 18px;
}
-->
</STYLE>
⑹ Web和Ui設計尺寸規范有哪些
WEB端
必備元素：logo、培並做menu（導航）、banner（動效【flash、H5】）、內容區（新聞、企業簡介、產品展示...）、版權信息（版權所有、聯系方式）
可選元素：搜索、電話、在線客服、流量統計...
用戶體驗習慣：左：瀏覽區域、列表區域
右：功能區域、內容區域
字體：最小12px，最黑#333333
字體12px、14px、16px效果選擇無，其他字型大小則用銳利配衡、犀利、渾厚等
標題部分字體：14px~24px（盡可能採用雅黑）
正文部分字體：12px、14px（雅黑或者宋體），字行距一般為1.5~2倍之間。
尺寸規范：在解析度1024px*768px的情況下，滿屏寬度為1003px，通常定義可視范圍為920px~1000px之間。常見：寬960px、980px、1000px，一屏高度650px。
UI方面
iOS
iphone字體、字蔽團號標准
字體：中文：蘋方；英文：舊金山
字型大小：正文最小24px；常駐欄icon20px
Andriod字體：中文：思源黑體；英文：roboto
字型大小：注釋最小：24px；文本：28px；文章標題或圖標名稱：32px；導航標題：36px（在這里為720px*1280px的尺寸下設計規范，註：1sp=2px）
界面尺寸
圖標尺寸
以上內容希望可以幫到你！