Vista和IE7下,我們該如何定義網頁字體

2020-12-25 網易科技

VISTA到來,自己也裝上了IE7提前感受一下。Cleartype技術確實讓人眼前一亮,尤其是在液晶顯示器下。可是看了一段時間半像素半Cleartype形式的組合字體後,眼睛確實很累。

突然想到,VISTA和IE的字體以及ClearType模式是可以自定義設置的,但您的中文網站適用性和通用性,做好準備了麼?下面我把最近的一些體會與大家分享。

一、我們現在是否在亂用字體?(有襯線與無襯線字體serifvssansserif)

西方國家字母體系分為兩類:serif以及sansserif。

serif是有襯線字體,意思是在字的筆畫開始、結束的地方有額外的裝飾,而且筆畫的粗細會有所不同。相反的,sansserif就沒有這些額外的裝飾,而且筆畫的粗細差不多。

<圖1>TimesNewRoman是最具代表性最常用的有襯線字體,Arial、SegoeUI則屬於無襯線字體。

serif和sansserif的比較

-serif字體容易識別,它強調了每個字母筆畫的開始和結束,因此易讀性比較高,sansserif則比較醒目。在走文閱讀的情況下,適合適用serif字體進行排版,易於換行閱讀的識別性,避免發生行間的閱讀錯誤。

-sansserif強調每一個字母,serif更強調於一個單詞。

用途:

通常文章的內文、正文、書籍選用serif字體以增強易讀性,而且長時間以word作為單位閱讀不容易造成勞累。sansserif則更為顯著、醒目,但長時間閱讀可能會造成勞累。

對於中文來說,宋體屬於serif字體,而黑體、幼圓、雅黑則屬於sansserif字體。同樣,宋體排版的書籍、報刊、網頁長時間越多的可用性,就要比sansserif強的多,而黑體這一類的字體,我們常作為標題來使用。

二、VISTA和IE7下我們的網站字體會變成怎樣。

現有的絕大多數網站,沒有定義默認字體。而VISTA和IE7到來的時候,我們的網頁默認都會被用作「微軟雅黑+SegoeUI」這種中文+英文的字體組合打開,兩種字體都是無襯線字體,而且瀏覽方式會是「cleartype」模式。

看一下「雅黑」的特性

宋體是不支持cleartype技術的字體,開啟cleartype模式之後,採用「微軟雅黑」和「Segoe」仍然顯示的很清晰,甚至比IE6的「宋體」還清晰、規整。「微軟雅黑」形如「黑體」,寬度如「宋體」,高度比「宋體」多了1PX。

但是通過搜尋引擎的搜索,好多人已經開始關掉cleartype模式,並恢復宋體為默認字體。原因就是長時間觀看和走文閱讀時是比較容易勞累的,對於尺寸稍小的顯示器,「模糊」也是新鮮過後一個非常理性的問題。

<圖2>tom.com

<圖3>163.com

打開幾個網頁測試下,TOM、SINA用雅黑字體打開以後,有些表格略微會變形,因為雅黑和宋體的字號大小有區別。而新改版的163.COM定義了宋體為默認字體,不會有任何變化。看來是修改自己網頁適應性來配合新字體和cleartype技術,還是延續採用texttype模式的宋體,在VISTA普及之前還是需要一番討論的。

相關內容

如何將Vista默認雅黑字體改為宋體

字體PK:微軟雅黑究竟好在哪裡?

略施小計:雅黑字體竟能如此出彩和圓滑

微軟Vista中文版傻瓜教程:雅黑字體DPI

 

學習更多Windows使用技巧請關注網易學院系統問題系>>

本文來源:網易學院 責任編輯:王曉易_NE0011

相關焦點

  • 跨平臺字體效果淺析
    Mac下可用中文字體有(華文)宋體,仿宋體,華文黑體,華文細黑,華文楷體。在Mac下網頁的字體設置,參考了Apple官網的做法,可使用華文黑體,保持與Mac本身系統字體的一致性。2. 對於微軟雅黑,以作業系統計算,覆蓋率僅為不到30%,未安裝該字體的用戶可使用宋體或黑體替代,有必要的話可考慮指定替代字體。3.
  • Windows Vista作業系統常遇故障十五則
    六、桌面圖標消失故障  解決方法如下:  相信不知道如何解決的人不是不知道如何設置,只是對vista不熟悉的時候,不知道該在哪裡設置。  八、windowsvista無法引導了  在前面我們講了windowsXP與vista雙系統啟動菜單的問題,現在我們單獨講講windowsvista。  無法引導是比較常見也比較嚴重的故障,以前在XP下,這種故障都是需要用戶手動修復的。
  • HTML網頁製作技巧
    1.怎樣定義網頁語言(字符集)?   在製作網頁過程中,你首先要定義網頁語言,以便訪問者瀏覽器自動設置語言,而我們用所見即所得的HTML工具時,都沒有注意到這個問題,因為它是默認設置。=top) window.top.location.replace(self.location);  </script>    3.怎樣設置字體?   在製作網頁過程中,大家都喜歡使用漂亮的字體。但是,如果訪客瀏覽器沒有安裝同樣的字體,看到你的網頁會是很普通的字體。如何防止這種情況出現呢?
  • 網頁設計中的 serif 和 sans-serif字體應用
    網頁設計中的 serif 和 sans-serif字體應用。Howdy, 大家好,又是我~上一次我們簡單的談了一下font set和一些要注意的基本問題。今天我們繼續字體這一話題,深入講講上次提到的「通用字體族」。
  • Vista側邊欄安裝與配置
    用戶可以很方便地自定義Windows邊欄,加入各種喜歡的小插件,以適應用戶與其進行交互的需要。它們能夠抓取和顯示來自於網際網路、電腦網路或電腦中的信息,為你呈現最新的股市行情、天氣追蹤或熱點新聞,也可以為你管理日常、預約出行、打理各種工作等等,可以說實用性是非常的強,下面我們就一起來看看他的一些應用技巧。
  • 怎麼改網頁字體大小?
    一般網頁的字體都是很適合一般人閱讀的,不然如果一個網站的網頁字體設置的過大或過小都會沒人去看的。但總會遇到一些特殊情況,需要改變下網頁字體大小才更好。其實很多人寫過經驗怎麼改變網頁字體大小,但大多數人都是寫的實質是改變網頁大小,並不是單單網頁字體的大小。
  • 我們是否該使用DIV+CSS布局我們的網頁?
    在你考慮你的頁面整體表現效果前,你應當先考慮內容的語義和結構,然後再針對語義、結構添加CSS。這篇文章將告訴你應該怎樣把HTML結構化。 另一種原因是你對那些非常熟悉的表現層屬性(例如:cellpadding,、hspace、align="left"等等)束手無策,不知道該轉換成對應的什麼CSS語句。
  • CSS選擇器和做網頁的思路
    當把基本的區域確定好後,我們才能開始製作網頁 拿我們今天要做的這種個網頁為例,我們可以先把它分為三個區域 ,當然,寬和高也可以自己設置
  • iconfont字體圖標庫
    字體相關知識了解iconfont(字體圖標)前我們先了解下字體,因為iconfont的實現與字體息息相關,所以掌握字體相關知識便於理解iconfont。接下來看一個簡單的例子<!3 瀏覽器再根據CSS裡面設置的font-family查找對應的字體文件。如果CSS裡面沒有設置字體,就會使用瀏覽器的默認設置。如果有自定義字體@font-face網絡字體,則加載對應字體文件。4 瀏覽器找到文件後根據unicode碼去查找繪製外形,最後把找到的結果繪製到頁面上。
  • 網頁設計排版時對字體的應用
    一般成功的網站只有很少的字體樣式,會用無襯線字體,在設計網站的排版時也應該注意使用的字體的數量。好的設計會加入一些個性的字體,大部分瀏覽器能識別常用的字體,這樣設計主要是利用以避免問題的發生,這裡談談網頁設計排版時對字體的應用。
  • 網頁設計中字體規範總結
    英文可以偏小一些 10px-16px再小識別性就不是特別好了標題文字字號,18px,20px,24px,28px,32px, 儘可能使用雙數網頁banner的字體選用方法是要根據banner的主題,去挑選字體,因為字體本身也是有性格的
  • 字體百科全書,查詢下載安裝設計等等字體知識全部打包!
    你一定會用到的一個東西——字體好看的字體適用於各個地方:海報、封面、壁紙、PPT展示、個人名片、網頁設計……字體查詢在一些網站上我們常常會看到排版精美的網頁,其中精美好看的字體尤為吸引眼球如何查找這些字體的名稱呢?
  • B端設計|全方位講解下字體設計規範
    所以,B端的設計中,我們對字體的使用的字體範圍是很小的,中英文常用字體如下所示:如果全部指定字體沒有的話,就會根據你當前系統默認的字體來顯示。最後,還有一點就是很多設計師關心的字體商用版權問題,在網頁可用的這幾個字體範圍內,不需要考慮任何版權問題,放心使用即可。更複雜的細節我就不在這裡展開了。1.2 字號選擇 - Font-size文字字號就是文字使用的大小號數,在網頁中,字體大小根據 px 單位來制定。
  • @font-face之解決web頁面自定義字體問題
    在前端開發中,也許你有被客戶要求用各種不用的字體。但實際開發中,每個瀏覽器都有自己的安全字體(這個對字體(font-family)的定義就是一個安全字體。每種作業系統都有自己默認安裝的字體,瀏覽器只能正常顯示作業系統中安裝了的字體。
  • 使用html表格和CSS進行混合網頁設計
    不久前公布了許多的網頁標準。使用CSS以及XHTML開發網頁程序的優點正日益得到人們的稱頌,但仍有許多 的開發者團體更依賴於使用HTML表格來控制頁面的輸出。讓我們來考慮一下使用HTML表格和使用CSS方法的各自優點。
  • Google網頁字體在線服務 設計師的福音
    目前網頁上使用的字體都是常見的幾種,如』Lucida Grande』, Verdana, Arial, Sans-Serif,中文常見的有宋體。要想用比較個性的字體就比較麻煩了,因為你不能保證客戶端是否支持這種字體,常用的方法是用Photoshop把文字製作成圖片。
  • 教你輕鬆學會HTML語言系列之二——網頁背景、字體及標題的設置
    前面我們講解了網頁的基本基礎,以及使用記事本製作網頁的操作步驟。第一篇參考:比如:我們寫作文描述一個人,經常會講到關於這個人物的一些基本特徵,戴著四四方方的眼睛、高高的鼻梁等等。在網頁標籤裡面,每一個標籤都有自己獨特的一些屬性。
  • 怎麼用記事本做一個漂亮的網頁課程表(2)
    一、製作前提:我們的目標:熟讀文章《網頁編程中叫不上名的色彩是如何準確表達的?》用截圖或其他你能想到的方式獲取到表頭周一到周五5個單元格的背景色,並記錄下來;獲取到語、數、英、化、物理五個科目的字體顏色並記錄下來;獲取到奇數列的背景顏色並記錄下來。熟讀文章《任何人都可以做網頁!幸運的你,快來試試看!》
  • 【童車】bugaboo cameleon和uppababy vista怎樣選擇
    計劃要準備兩輛嬰兒車,一輛就是穩重安全的(主要在小區、公園、商場或者和老公出門時候用),另一輛就考慮輕便的傘車(等孩子大點了或者自己出門時使用)。目前想法是希望有獨立睡籃的,家有電梯,經常出去的路面相對都比較平整,想要相對高景觀的,有雙向推行的。我們暫時備選的大車bugaboo的cameleon,但是還看到推薦uppababy,不知道這兩款對比如何呢?
  • 觀看視頻時自定義CC字幕字體樣式方法
    手機端CC字幕設置方法:CC字幕對於歐美國家而言是國家強制標準,所以凡是大品牌手機廠商在設置裡面都可以找到自定義字幕的方法,如字體、背景、顏色、大小、輪廓等樣式。如果是不往歐美國家銷售的手機品牌可能找不到這項功能。