洛陽總公司:
地址:西工區(qū)棉麻路金城美鄰ITC孵化器4號樓2單元403
電話 / 備案:15670307302
欒川分公司:
地址:洛陽欒川旅游產(chǎn)業(yè)聚集區(qū)浩元網(wǎng)商科技園
電話:15136318125
郵箱:hy@jzgoldcomte.com.cn
- 設(shè)計理念
-
網(wǎng)站建設(shè)中如何選擇字體的大小
編輯:恒越科技 更新時間:2014-09-29 16:03:14 點擊次數(shù):3227次
一、網(wǎng)站建設(shè)中字體的選擇:
一般網(wǎng)站客戶端計算機中都安裝有多種字體,瀏覽器會使用默認(rèn)字體顯示網(wǎng)頁,如WindowsXP中文版操作統(tǒng)默認(rèn)字體是宋體或新宋體,在后來的 windows操作系統(tǒng)中,以微軟雅黑為默認(rèn)字體,這種字體顯示得更加清晰,取代了XP系統(tǒng)下默認(rèn)中文宋體,支持高清顯示ClearType功能。以上這些字體在大多數(shù)電腦上都有安裝,但是,如果你在制作網(wǎng)頁的時候,如果選擇了比較特殊的字體,而這種字體用戶電腦里并沒有,那么用戶瀏覽網(wǎng)頁時仍不能顯示這些字體,這些字體仍以默認(rèn)的宋體或者雅黑字體來顯示。所以,為了適合更多的用戶瀏覽,我們在制作網(wǎng)頁的時候應(yīng)該使用宋體或者雅黑來作為網(wǎng)頁的基準(zhǔn)字體,盡量少使用特殊字體。當(dāng)你不能確保所設(shè)置字體在所有瀏覽者電腦中都安裝時,使用一種通用字體是可行的辦法。而對于英文字體,可選擇的字體類型相對會多一些,絕大多數(shù)電腦上都裝有這些英文字體,制作網(wǎng)頁時選擇什么類型關(guān)系并不太大,只要看著美觀就行。英文通用字體主要包括下面幾類:
1、sans-serif,這種字體是一種有比例但沒有襯線字體,常見字體是Arial。
2、cursive,這種字體是模擬人的筆跡,這種字體大部分是由曲線和比襯線字體更強筆畫修飾組成,常用字體是ComicSans。
3、monospace,這是一種無比例字體,用于模擬打字機打出字體,這些字體中每個字符都占有同樣寬度,常用字體是Courier。
4、serif,這是一種成比例有襯線字體,成比例是指字體中所有字母根據(jù)它們不同尺寸占據(jù)不同寬度。襯線是指字體上附加裝飾性細(xì)線,如小寫字母會在項部和底部附加細(xì)線。常用字體有Times New Roman。
在制作網(wǎng)頁的時候,為了保證在大多數(shù)瀏覽器上都能正確顯示字體,給用戶呈現(xiàn)出美觀的界面,筆者通常都是選擇使用系統(tǒng)默認(rèn)字體,如中文宋體或新宋體,過些時日可以選擇雅黑作為默認(rèn)字體,英文則選擇Arial這種字體。這樣可以保證用戶系統(tǒng)中字體缺乏時,瀏覽器也能夠正確識別并 顯示出正常的文字。同時筆者也建議大多的網(wǎng)站設(shè)計者都能夠選擇系統(tǒng)默認(rèn)的字體,不要把特殊的字體運用在網(wǎng)頁的文字中。如果非要使用這些特殊的字體,筆者建議您使用這些特殊字體制作成圖片,然后將圖片顯示在網(wǎng)頁上的相應(yīng)位置,這樣做法更好一些,但這無形中增大了網(wǎng)頁的體積,這樣的圖片多了會延緩網(wǎng)頁打開速度。
二、網(wǎng)站建設(shè)中如何選擇字體的大小
網(wǎng)站建設(shè)中字體大小的選擇是用戶體驗中的一個重要部分,過大過小都會影響用戶體驗。在制作網(wǎng)頁的時候,我們可以根據(jù)文字在網(wǎng)頁中的不同位置和不同等級來分 別使用不同大小的字體。相對來說,內(nèi)容標(biāo)題可以使用較大的字體,而內(nèi)容小標(biāo)題可以采用次一號的字體,而內(nèi)容正文則可以采用正常大小的字體。
對于不同的分辨率,不同的顯示器尺寸,不同的DPI,乃至不同的瀏覽器設(shè)置,都會對最終在瀏覽器上展現(xiàn)出來的文字大小帶來影響。最好的方式還是在網(wǎng)頁制作時根據(jù)用戶的分辨率給用戶一個比較美觀的默認(rèn)字體大小。大多數(shù)專業(yè)的網(wǎng)站建設(shè)人員,都會習(xí)慣性的使用某一字體大小,比如14px或 12px,因為12px和14px基本已經(jīng)成了大多數(shù)網(wǎng)站字體的標(biāo)準(zhǔn)大小,而11px、13px、15px等大小則涉及到一個鋸齒的問題,特別是在早期的顯示器中,往往不能很好的處理文字的鋸齒問題,使用單數(shù)的像素,極有可能造成鋸齒,所以通常采用偶數(shù)的大小。信息來自網(wǎng)絡(luò),由洛陽做網(wǎng)站、洛陽網(wǎng)站建設(shè)、洛陽網(wǎng)絡(luò)公司整理編輯。
-
熱門文章推薦:
- 2024-10-17如何取消在excel中輸入郵箱后自動產(chǎn)生的超鏈接
- 2024-09-18洛陽恒越科技針對教育培訓(xùn)行業(yè)網(wǎng)站建設(shè)的剖析
- 2024-08-21洛陽恒越科技創(chuàng)造深度用戶體驗,未來網(wǎng)站設(shè)計更注重手機用戶
- 2024-07-16【營銷型網(wǎng)站】恒越科技營銷網(wǎng)站實施標(biāo)準(zhǔn)
- 2024-06-18【洛陽做網(wǎng)站】專業(yè)的網(wǎng)站怎么做?
- 2024-04-25【洛陽做網(wǎng)站】各種常用的默認(rèn)端口號 總結(jié)
- 2024-04-22【洛陽做網(wǎng)站】配置云虛擬主機的偽靜態(tài)如果不起作用,可以按照以下步驟排查
- 2024-04-08【洛陽做網(wǎng)站】網(wǎng)站信息在百度收錄如何查詢?品牌是否被收錄常用的多種方法
- 2023-06-25【技術(shù)問題】新網(wǎng)站頁面不收錄的原因有哪些?如何破局!
- 2021-08-27【技術(shù)問題】360提交入口
- 2021-08-27【技術(shù)問題】百度提交入口
- 2020-06-28【技術(shù)問題】常見網(wǎng)站CSS樣式重置
- 2020-03-04【洛陽做網(wǎng)站】響應(yīng)式網(wǎng)站應(yīng)設(shè)置的視口(viewPort)
- 2020-03-02【公司頭條】新的一年,2020加油啟航!
- 2020-03-02【技術(shù)問題】簡單對比WDCP與寶塔面板WEB環(huán)境區(qū)別與選擇建議
- 2020-01-10【技術(shù)問題】linux centos 寶塔主機控制面板安裝和安全狗安裝過程記錄
- 2020-01-07【洛陽網(wǎng)站建設(shè)】網(wǎng)站首頁總是頻繁被劫持該怎么辦?
- 2019-11-20【洛陽網(wǎng)站建設(shè)】小程序支付成功后關(guān)注公眾號的選擇框能不能默認(rèn)勾選?
- 2019-03-06【洛陽做網(wǎng)站】如何完成一個高質(zhì)量的設(shè)計工作?
- 2019-01-28【新年快樂】2019年春節(jié)放假通知!