導航:首頁 > 萬維百科 > 網站字體設計

網站字體設計

發布時間:2020-08-17 01:13:59

1、網頁設計中最常用的字體有哪些

1、Georgia字體

基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還算OK。


2、Times字體

Times是為了報紙而設計的,特點是可以在有限的空間塞進去更多的文字,筆畫較弱,小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文,被罵得很慘之後換成了Georgia。


3、Arial字體

Helvetica的「克隆」,和Helvetica非常像,細節上比如R和G有小小差別。如果字型大小太小,文字太多,看起來會有些累眼。Win和Mac顯示都正常。


4、Lucida Family字體

Lucida Grande是Mac OS UI的標准字體,屬於humanist風格,稍微活潑一點。Mac下的顯示要比Win下好。


5、Verdana字體

專門為了屏顯而設計的字體,humanist風格,在小字型大小下仍可以清楚顯示,但是字體細節缺失嚴重,最好別做標題。


6、Tahoma字體

也是humanist風格,字體和Verdana有點像,但是略窄一些,counter略小,曾經是Windows的標准字體,Mac 10.5之後默認也有安裝。

2、比較好的字體設計網站

字體設計的好像沒有,需要自己製作你想要的字體效果,ps,ai,cdr等軟體可以幫你完成!

3、在哪個網站可以設計字體

網站好像沒有吧,只有現成的字體下載或者查找字體等!設計字體可以用ps或ai,cdr等啊!

4、【網頁設計】網站的字體排版怎麼才能好看

中文網頁,通用宋體,亮點標題標記用「微軟雅黑」,中英文字體樣式都寫上。方便解析。

5、字體設計哪個網站比較專業?

字習設確實好,這個平台都是專業的字體設計師,很可靠

6、關於字體設計最好的網站是什麼啊?

http://photo.163.com/openalbum.php?username=today0723&_dir=%2F18077333
http://photo.163.com/openalbum.php?username=cindyxu&_dir=%2F16079813
http://photo.163.com/openalbum.php?username=cindyxu&_dir=%2F16079813&page=2
http://photo.163.com/openalbum.php?username=tyb.jsnj&_dir=%2F3132503&page=1
http://photo.163.com/openalbum.php?username=jimmy_1029&_dir=%2F14186128
http://photo.163.com/openalbum.php?username=yjiqxa&_dir=%2F9030146
http://photo.163.com/openalbum.php?username=ranran.nj&_dir=%2F3134488

7、製作網頁用什麼字體好?

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之後默認也有安裝。

Trebuchet MS: 為微軟設計的一個humanist風格字體,個人覺得個性太過突出,用得不好會不搭。

Serif

Georgia: 基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還算OK。

Times: Times是為了報紙而設計的,特點是可以在有限的空間塞進去更多的文字,筆畫較弱,小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文,被罵得很慘之後換成了Georgia。

中文不熟,拋磚引玉:

中易宋體:Win最常見的字體,小字體點陣,大字體TrueType,但是大字體並不好看,所以最好別做標題。

微軟雅黑:Vista之後新引入的字體,打開Cleartype之後顯示效果不錯,不開Cleartype發虛。

華文細黑:Mac下的默認中文。

Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux絕大多數發行版本的默認中文,,當然也有用WenQuanyi Zenhei的,不過比較少了。



8、網站設計中的字體設計的技巧有哪些?

一、選擇哪一種字體。一般來說,頁面的字體選擇宋體比較多,並且宋體也很常見。盡量不要使用一些生僻詞、罕見字。很多的用戶終端並沒有那麼多的字體,當用戶在瀏覽網站時可能會顯示亂碼,從而影響用戶體驗,但是要注意一個問題,操作系統不一樣,字體也不一樣。因此,在字體設計的時候,選擇常見的這樣效果也會比較好。

傾巢網路

二、設計字體的顏色。一般來說,文章的背景是白色的,使用黑色的字體。因此,設計頁面的時候,一般都使用黑色或者是淺灰色作為字體的顏色,比較方便瀏覽,用戶也可以接受。如果不是創意類網站,不建議使用鮮亮的顏色。

三、字體大小的設計。頁面設計過程中,字體的大小設計也是影響用戶體驗的一個重要要素。太大或者太小都會影響網站的用戶體驗,頁面設計的時候可以結合位置設置字體的大小。文章的標題字體較大,正文的字體就應該比較小。

四、特殊字體的使用。頁面設計的時候,有些網站想要使用一些比較特殊的字體來突出網站風格,這里建議將特殊字體設計成圖片添加在頁面中,這樣就可以保證用戶在瀏覽的網站的時候看到不一樣的效果,而不會因為字體的特殊性影響網站的整體效果

9、如何用css樣式設計整個網站字體

網站字體分為兩種類型,一種是默認字體,一種是外部字體。

默認字體

如果整個網頁都要弄成宋體的話就將body定義為宋體即可,即在樣式表中加入:body{font-family:"宋體"},如果只要一部分為宋體,那將那一部分的層的字體樣式定義為宋體就行了。

默認的字體有宋體、楷體、黑體、新宋體、仿宋等。

外部字體

樣式表中嵌入外部字體,用@font-face語法。

@font-face{font-family:name;src:<url>;sRules;}

<name>:為自定義字體名稱

<url>:使用絕對或相對地址指定OpenType字體

<sRules>:樣式表定義

如:

@font-face{

font-family:YH;

src:url(http://www.xxx.com/xxx.ttf);

}

然後再設置需要變換字體的樣式即可,如:body{font-family:YH},字體名稱是上述所說自定義好的名稱。

與網站字體設計相關的知識