⑴ 請問網頁製作一般採用什麼字體呢
一般用CSS定義為宋體或黑體,大小一般為9PT
當然會有些
特殊字
會大一些
而字體,如果你指定的字體,在別人電腦中沒有,那麼會按默認的字體來顯示
宋體和黑體在多數電腦中都存在,所以這樣定義
⑵ 網頁上常見的字體是什麼字體
字體在網站中扮演了相對重要的一個角色,所以在網站中,選用什麼樣的字體也是一個相對比較重要的工作。今天跟大家分享下在網站當中常用的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種網站中常用的字體介紹和示例,希望可以對大家有所幫助。
⑶ 創建網站要怎樣選擇合適的字體大小
創建網站的時候,網站字體大小的選擇對用戶體驗有著重要的影響。如果字體太小或者太大對用戶體驗都會有影響。因此,在網站建設的過程中,要結合文字所在的頁面的具體位置來決定大小。一般情況下,如果是文章內容的標題的文字就比較大,如果是內容中的小標題一般是使用次一號的字體。而具體內容文字字體採用正常的大小就可以了。下面就具體介紹一下文字大小的選擇。
顯示屏的尺寸不一樣,解析度也是不一樣的,即使是瀏覽器,在設置上也是不一樣的,對文字的最終展示都會有一定的影響。最理想的方式就是在網站建設中,根據解析度來選擇字體的大小,可以給用戶展示一個比較理想的默認的字體大小。很多有經驗的網站建設人員在字體大小的設計都會有一種習慣。例如習慣使用14PX或者是12PX。為什麼?主要是14PX和12PX基本上已經成為了很多網站字體大小標准了。而且還有一個重要方面,就是11PX和13PX、15PX這些大小的字體會出現鋸齒的問題。特別是對於一些早期的顯示屏來說,在文字的鋸齒上的處理並不好,如果使用的是單數的像素,那麼鋸齒的問題就更加嚴重。所以,在網站建設中,基本上都是使用偶數的大小。
而網站建設中,很多都是使用css樣式建設的,這個樣式中最常用的是字體大小單位是em以及px。Em代表的是相對大小,而px表示的是絕對大小。但是在某種情況下,px像素也可以是相對大小。例如是在15寸的800*600的解析度下10px的字體比在10寸的1024*768解析度下的10px要大。px是像素單位,在網站建設中常用來表示字體的大小。例如,12px的字體就是屬於偏小的,16px的字體就是中等的,18px的字體就是比較大的字體了。而em是相對的大小,所表示的字體大小不是固定的,是根據基本字體的大小進行相對應的處理的,在跨平台上的設備上,對大小的處理比較理想化。