導航:首頁 > 網站知識 > 網站用什麼字體

網站用什麼字體

發布時間:2022-05-21 17:53:54

1. 網頁里的英文默認字體是什麼

網頁設計中,用到的字體很多,主要取決於產品在什麼系統上運行,產品是純英文還是中文英文甚至還有其他國家語言。

1、Franklin Gothic:這款字體是很早出現的無襯線體,所以帶有古風,筆畫粗狂有力,具有男性化感覺,適合表現強有力。Web字體可以考慮Oswald。

2、FuturaFutura:是拉丁語未來的意思,現代且具有幾何特徵,感覺是現在的主流大熱字體,尤其是要突出時尚,設計感的時候可以使用。製作過程中受到包豪斯運動的影響。是LV的商標用字,也是現在很多雜志的*選字體。

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

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

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

6、Trebuchet MS:為微軟設計的一個humanist風格字體。

(1)網站用什麼字體擴展閱讀:

對於沒有 CSS 定義 font-family 的網站,不同的瀏覽器、操作系統使用的默認字體不同。無襯線的 Helvetica、Arial、Verdana,和襯線的 Georgia、Times 是比較常見的。

通常英文 Web 字體來自微軟的 Web Core Fonts,

其中包含 Andale Mono, Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS 和 Verdana。

這些字體在幾乎所有 1996 年後的操作系統中都免費捆綁。至於中文的選擇就非常少了,基本上是自帶 Windows 字體(宋體、微軟雅黑、微軟正黑),或者不特別定義中文字體,直接使用瀏覽器 fallback。

不過現在的趨勢是,越來越多的網站開始使用 Web Font,給設計師更多空間,可以繞過這些 Core Fonts。

2. 製作網頁用什麼字體好

3. 做網站一般用什麼字體

網站字體一般會選用宋體或者黑體。因為這兩種字體在主流的操作系統如WINDOWS XP、WIN7和WIN8中屬於內置字體。

4. 設計網頁字體有什麼要求

一、字體的使用。 網頁字體的使用一般選擇宋體等比較常用的字體。不要出現生僻字體,防止用戶因沒安裝對應字體造成顯示錯誤。在網頁中Arial就是一種字體的名稱,默認的瀏覽器定義的標准字體是中文宋體和英文times new Roma字體。如果你沒有設置任何字體,網頁將以這兩種標准字體顯示。同時,這兩種字體也可以在任何操作系統和瀏覽器里正確顯示。 windows另外自帶了40多種英文字體和5種中文字體。這些字體,你也可以在網頁里自由使用和設置。凡是使用windows操作系統的瀏覽器都可以正確顯示這些字體,但在其它操作系統里,如unix則不能完全正確顯示。網頁字體的樣式一共有四種:正常體(regular),斜體(Italic),粗體(Bold),粗斜體(Bold Italic)。[網頁設計要求-2page]
二、字體的大小設置。 網頁中字體大小不要亂設置,最好以系統默認為宜,一般是12PT,現在網路上最流行的小中文字體大小為9pt。 CSS2規范根據長度、水平和垂直尺寸來定義字體。這個長度為一個數值,前面可能帶一個可選的加( )或減(-)標記符。另外,該數值後可能有一個可選的單位標識符。另外,CSS2規范定義了兩個單位類型:絕對單位和相對單位。絕對值指定單位,而相對單位指定一個與另一個值成比例的值。下面的列表列出了相對單位標識符: em:元素字體的高度。它與使用該字體的元素的字體大小屬性計算值相等。當它出現在字體大小屬性值本身中時,會出現異常,這時它指母元素的字體大小。 ex(x-高度):CSS2規范將它描述為小寫字母x的高度。 px(像素):它與背景或屏幕的解析度有關。根據顯示器解析度輸出不同像素,由於用戶的喜好不同,顯示器的解析度可能會有很大差異。
三、特殊字體或藝術字體的設置。 如果你需要用一種特殊的字體來體現你的風格,那麼特殊字體或藝術字體最好以圖片的方式置入網頁。需要用這種字體的地方用圖片代替,以保證所有人看到的頁面是同一效果。

5. 格力網頁採用的字體

都是正常的宋體。
標准字體字型大小中文網頁一般文字正文都採用宋體 12 號(12px)字體,因為這個字體是系統對於瀏覽 器特別優化過的字體。雖然 12px-20px 的宋體字都還能看,但是宋體 12px 是最漂亮的

6. 網頁設計中最常用的字體有哪些

通常內容應用的字體,font-family:宋體,微軟雅黑,arial,verdana,arial,serif。通常標題應用的字體,font-family:font-family:宋體,微軟雅黑,arial,只是字型大小的大小不一樣。通常的字體大小,font-size:12px或14px。讓網頁顯示微軟雅黑效果通常這樣寫css代碼font-family:微軟雅黑,宋體。
font-family:宋體,微軟雅黑,arial,verdana,arial,serif;
font-family:
微軟雅黑,
'microsoft
yahei',
'hiragino
sans
gb',
tahoma,
arial,
宋體;
font-family:
"helvetica
neue",helvetica,"hiragino
sans
gb","microsoft
yahei",arial,sans-serif;
font-family:
"segoe
ui",
helvetica,
arial,
sans-serif;
font-family:
arial,"hiragino
sans
gb",
"microsoft
yahei",helvetica,tahoma,sans-serif;
sans-serif
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下的默認中文。
裝電腦時系統自帶的字體都可以用,常用的微軟雅黑,宋體,黑體,arial。

7. 請問網頁製作一般採用什麼字體呢

一般用CSS定義為宋體或黑體,大小一般為9PT
當然會有些
特殊字
會大一些
而字體,如果你指定的字體,在別人電腦中沒有,那麼會按默認的字體來顯示
宋體和黑體在多數電腦中都存在,所以這樣定義

8. 網頁上常見的字體是什麼字體

字體在網站中扮演了相對重要的一個角色,所以在網站中,選用什麼樣的字體也是一個相對比較重要的工作。今天跟大家分享下在網站當中常用的8款字體。

都知道,字體主要分為稱線字和無稱線字。其實細分的話還有等寬字體、夢幻字體和花體字。但今天我們主要針對常用的稱線字和非稱線字來講。

稱線字和非稱線字的區別可以看下圖:

可以看到左邊的中文和英文字屬於稱線字,右邊中文和英文屬於非稱線字。稱線字指的是在字的筆畫開始、結束的地方有額外的裝飾,而且筆畫的粗細會有所不同。比如我們常用的宋體,觀察比劃可以看到橫細豎粗的特點,這就是典型的稱線字。非稱線字也叫無稱線字,無襯線字體沒有這些額外的裝飾,而且筆畫的粗細差不多。比如微軟雅黑。

稱線字體容易識別,它強調了每個字母筆畫的開始和結束,因此易讀性比較高,非稱線字則比較醒目。所以,在使用的過程中需要根據網站的定位而選擇相應的字體。

下面簡單給大家介紹網頁中常用的幾種字體:

1、微軟雅黑

Vista之後新引入的字體,這個字體的使用率不用說了,可以說是web裡面最安全的一個字體。字體方正、簡潔,被廣泛使用。

上海大眾這個網站默認的首選字體就是微軟雅黑,整體比較簡潔。

2、黑體

黑體字和微軟雅黑差不多,作為非稱線字中的一種,一樣具備方正、簡潔、醒目的特點。這樣的字體特別適合當標題。其實黑體在使用上沒有微軟雅黑來得清晰明亮,一般在微軟雅黑和黑體的選擇下,個人更傾向微軟雅黑。

佳能的官網默認首選的字體就是黑體,字體簡潔醒目。

3、華文細黑

華文細黑是Mac下的默認中文,這套字體跟前面的微軟雅黑相比較,更顯絹細、秀氣。筆劃細節比微軟雅黑處理的多一些,所以整體給人比較精緻的感覺。注意一下,華文細黑並不是所有電腦的自帶字體,當網站文字用到這個字體的時候,是需要在自己電腦上下載這套字體的。除此,在寫css代碼的時候,font-family應該設置的選擇性多一下,以保證界面打開的最佳效果。

這個字體就不給大家做展示效果了,因為這個不是系統的默認字體,電腦上沒有安裝這個字體的也看不到網頁的原始效果。

4、中易宋體

前面介紹的三款字體都是非稱線字,接著要介紹的是稱線字體——中易宋體,簡稱宋體。宋體在我們的日常中使用范圍也很廣,這是電腦自帶的其中一種字體。宋體是為適應印刷術而出現的一種漢字字體。筆劃有粗細變化,常用於書籍、雜志、報紙印刷的正文排版,所以在大篇幅文章的設計時,可以採用宋體。這個字體是Windows系統下最常見的字體,小字體點陣,大字體TrueType。大標題顯示時字體不是很好看,所以一般不建議用宋體來當標題。

上海漢路律師事務所的網站就是採用了宋體字,這種字體的選擇一般出現在一些個性比較強的網站中,傳統、專業、公正、官方、權威,宋體就表現了這種特點。

5、 Arial

說到Arial,這套字體是微軟公司網頁核心字體之一,最常用的sans serif字體,當字型大小很小時不容易閱讀。但是,大寫的「I」和小寫的「l」是無法區別的,所以一般可以考慮用Tahoma字體來替代。這套字體方正、不花巧、方便閱讀和印刷清晰。使用范圍也是特別的廣泛。但是要知道的是,蘋果系統下是沒有這套字體的,蘋果系統下默認的是Helvetica。

可以看下禪道項目管理軟體的英文網站,幻燈片採用的字體就是Arial,可以看下這套字體在幻燈片下粗細的組合形態。

6、Tahoma

Tahoma是英文Windows操作系統的默認字體,這個字體比較均衡,是種非常圓滑的字體。這個字體和中文混排顯示時,不會出現中英文不對齊的狀態。這套字體解決了Arial大寫「I」與小寫「l」難以分辨的問題。也相當於在Arial上優化了不少。除此,細看這套字體,可以發現其實在一些筆劃的處理上還是很精緻的。

zui前端框架網站,英文字體的設置上也用到了這個字體,雖然不是第一優先選擇,但是可以看出Tahoma這套字體的使用率也是很高的。

7、Helvetica

說到Helvetica這套字體,應該是設計師們的最愛了吧。這套字體屬於 Realist風格,擁有簡潔現代的線條,受到大部分設計師的追捧。這種字體給人一種簡單、現代化、休閑輕松的感覺。適用於扁平化設計,也適合搭配任何設計項目,包括banner、平面設計以及網頁字體等。在Mac下面被認為是最佳的網頁字體,但在Windows下由於Hinting的原因顯示很糟糕。

這個字體主要體現在蘋果官網上,可以看下美國的官網。

8、Georgia

說到英文的稱線字,肯定首選是Georgia。這套字體筆劃粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還不錯。此種字體風格優雅又精緻,可用於電影海報、游戲、時尚類網頁設計中。

林肯的官網,Georgia是官網的第二優先選擇顯示的字體。網站比較現代,在一些幻燈片當中結合了Georgia字體,稱線字和非稱線字的相結合,可以使得整個網站更生動。

在專業的網頁設計里,除了Banner圖、廣告語等特殊情況可能會用到特殊字體,網頁中使用的字體以不超過2種為准,並且最好採用標准字體,比如中文的宋體、微軟雅黑,英文的Arial、Helvetica。只有使用這些系統自帶的字體,才能讓前端開發人員在排版時高程度地還原設計稿的文字效果。倘若使用了特殊字體,在設計font-family的時候,應該多設置幾種字體的優先順序,以確保網頁顯示的最佳效果。當然,我們一般情況下建議使用系統自帶的字體。

以上8種網站中常用的字體介紹和示例,希望可以對大家有所幫助。

9. 做網站用什麼字體好

多標准一點兒的好,建議使用「宋體」「黑體」「幼圓」,少使用特殊字體,可能在客戶端顯示不了的。

10. 製作網頁常用的字體有哪些

一般網站的字體默認為宋體
大小為9PT(點數)

字體比較多的是宋體,另外黑體等也比較常見,多半的B/S形式的網頁都使用操作系統自帶的字體,否則將會出現部分電腦顯示不理想的結果,謝謝.

閱讀全文

與網站用什麼字體相關的資料

熱點內容
網路共享中心沒有網卡 瀏覽:547
電腦無法檢測到網路代理 瀏覽:1404
筆記本電腦一天會用多少流量 瀏覽:701
蘋果電腦整機轉移新機 瀏覽:1400
突然無法連接工作網路 瀏覽:1159
聯通網路怎麼設置才好 瀏覽:1257
小區網路電腦怎麼連接路由器 瀏覽:1140
p1108列印機網路共享 瀏覽:1236
怎麼調節台式電腦護眼 瀏覽:793
深圳天虹蘋果電腦 瀏覽:1027
網路總是異常斷開 瀏覽:639
中級配置台式電腦 瀏覽:1093
中國網路安全的戰士 瀏覽:656
同志網站在哪裡 瀏覽:1451
版觀看完整完結免費手機在線 瀏覽:1482
怎樣切換默認數據網路設置 瀏覽:1141
肯德基無線網無法訪問網路 瀏覽:1332
光纖貓怎麼連接不上網路 瀏覽:1572
神武3手游網路連接 瀏覽:992
局網列印機網路共享 瀏覽:1021