言
多年以來,中文網頁設計師一直處于一種 “字體匱乏” 的窘境之中。
這是因為從中文 Windows 的第一個版本 3.2 開始,在相當長的一段時期內,系統自帶的中文字體就僅僅局限于蒼白單調的 “宋黑仿楷”。加上長期以來 Windows 在字體渲染技術方面的嚴重缺失,使得設計師在為中文網頁選擇正文字體時,基本上就只有中易宋體的點陣形態這唯一的選擇。
直到 Vista 攜微軟雅黑字體橫空出世,中文網頁設計師才仿佛看到了世界的曙光。
微軟雅黑脫胎于方正集團旗下的新銳字體 “蘭亭黑” 家族,不僅字體的間架結構針對屏幕閱讀場景進行改造,同時還針對液晶屏幕下小字號的顯示效果進行逐字的筆劃微調工作(hinting),以保證最終為用戶呈現出清晰、平滑、易于閱讀的顯示效果。
因此,微軟雅黑一經推出,便在中文網頁設計界引發不小的震動。網頁設計師和前端工程師們不禁打起它的主意——如何將微軟雅黑字體廣泛、安全地應用到網頁設計中去?或者說,微軟雅黑字體的普及率究竟如何?
微軟雅黑在 XP 中的安裝率
微軟雅黑是 Vista 及更高版本 Windows 的標配字體,但不是 XP 的標配字體。XP 的任何一個 SP 或更新包都沒有(將來也不太可能)包含它。
XP 系統上的微軟雅黑字體,通常有兩種來源:
由此可見,稍微“高端”一些的 XP 用戶都有可能安裝了微軟雅黑字體,但 具體比率不詳。
對此,我的建議是:
微軟雅黑與 ClearType
ClearType 是微軟開發的 次像素字體渲染 技術,這項技術的本質是充分利用液晶顯示屏單顆像素內的 RGB 三基色的次像素(sub-pixel,也稱作 “亞像素” 或 “子像素”)、獨立控制每顆次像素的明暗度,在次像素的級別進行字體的渲染和顯示,從而令字體在水平方向上的渲染分辨率達到了原來的三倍。
微軟雅黑字體只有在使用 ClearType 技術進行渲染時,才會達到最佳視覺效果。下面的圖片展示了不同情況下微軟雅黑字體的渲染效果:
從 Vista 開始,Windows 系統默認開啟 ClearType 特性。但 Windows XP 是否支持 ClearType 字體渲染模式呢?
ClearType 在 XP 中的啟用率
Windows XP 原生支持 ClearType,但可能是出于對性能的考慮,默認是關閉狀態。用戶可以通過以下步驟在 XP 中啟用 ClearType:
控制面板 → 顯示 → 外觀 → 效果 → 使用下列方式使屏幕字體的邊緣平滑:清晰
XP 用戶還可以通過安裝微軟提供的 ClearType 設置工具(ClearType Tuner PowerToy)來獲得對 ClearType 效果的更多控制。
(圖片來源:Microsoft.com)
那么,在 XP 中手動打開 ClearType 的用戶比率有多少?這個數字恐怕不是很樂觀。但是幸運的是,IE 7.0 及以上版本都是在自身視口內強制開啟 ClearType 的(哪怕你用的不是液晶顯示器)。
而 XP 下的非 IE 用戶呢?或許你可以假設他們都比較 “高端”,已經給自己的 XP 手動開啟 ClearType 了。
在國內,Windows XP 操作系統目前仍然擁有不可忽視的用戶數量。如果要在網頁中使用微軟雅黑作為主力字體,我們不得不考慮 XP 環境下所存在的一些不確定因素。
那么,我們有沒有可能對 XP 用戶的這些情況進行針對性的探測和統計,以便根據數據來做決策呢?
對于用戶的 ClearType 設置情況,網頁中的 JavaScript 腳本無法獲取。而對于用戶是否安裝了微軟雅黑字體,實際上是有探測方法的,有興趣的朋友請繼續關注后續文章。
點贊+轉發,讓更多的人也能看到這篇內容(收藏不點贊,都是耍流氓-_-)
關注 {我},享受文章首發體驗!
每周重點攻克一個前端技術難點。更多精彩前端內容私信 我 回復“教程”
原文鏈接:https://github.com/cssmagic/blog/issues/15
們在編輯一張別人發過來的PS圖片時候或者在編輯別人發過來的CorelDRAW圖片時候往往會出現某某某字體缺失等情況,如果你不懂的字體的安裝往往圖片會變得面目全非,非常難看,所以需要學會怎么下載和安裝字體。
字體文件格式有TTF、FON、TTC和OTF等格式,但我們最常用的還是TTF格式,因為這個字體是TURETYPE字體。可以無級縮放而不失真,而FON字體屬于比較老的點陣字體現在用的不多了。
字體文件可以在網上下載到,直接度娘可以找到好幾個字體網站,下載后解壓縮都某個目錄就可以開始安裝了。個人建議可以將字體文件一起放在某一個目錄下,比如說d盤字體目錄。
win7-10的字體安裝
win7-10的字體安裝比較方便,只要選中字體文件(可以多選),點擊右鍵,然后選擇安裝就可以了。
Winxp字體的安裝
雖然現在大部分的人都沒有用XP系統的,但是有些老電腦還是要用到XP系統的,而且有些老游戲還必須要在XP系統上運行,比如小編我就有3臺電腦,其中兩臺還是XP系統的。
好了廢話不說,XP系統字體安裝其實也不難,就是找到WINDOWS目錄下的FONTS目錄,將字體文件拷貝進去就可以,當然也可以用創建快捷方式的方法來安裝字體。
找到windows/fonts目錄
方法一復制粘貼法
這里選擇復制
到WINDOWS\FONTS目錄下,選擇粘貼,然后字體就安裝好了。
方法二右鍵拖拽法
右鍵點擊字體文件,將其拖拽至WINDOWS\FONTS目錄,放開右鍵
點擊在當前位置創建快捷方式
好了WINXP系統的字體也安裝好了,兩種方法本人比較喜歡第二種方法,這樣就算裝很多字體,也不占用C盤空間。
前這幾天瀏覽幾個游戲筆記本吧,例如機械革命、聯想等吧,都發現了這樣的問題:
新買回的筆記本,顯示字體特模糊,看電影云里霧里的感覺,特別是大價錢購買高端筆記本的用戶哭爹罵娘的。專業人士一般看貼吧的小白都是腦殘用戶,哈哈哈……
不扯淡了,直接給大家找到最根本的原因,看圖:我以windows 7為例為大家講解喲:
大家一定要找到此處設置,才能根本解決問題。不僅對筆記本,而且對臺式機的屏幕也是一樣設置。
下面我來一步步給大家演示步驟: 吧友們如果管用記得回來報告一下。
首先,桌面點擊右鍵——個性化——顯示
接著點擊 ——調整ClearType文本
然后彈出“ClearType”調諧器:勾選“啟用ClearType”選項。
接下來自己選擇你所看到的最清晰的文本進行一步一步的設置就可以了:
XP用戶也更簡單,直接看“微軟中國”官方的,這一定有說服力了吧。
本分步指南介紹了如何在 Windows XP 顯示上啟用 ClearType 以便使字體清晰。ClearType 通過使屏幕字體的邊緣平滑來增強顯示。ClearType 尤其適用于液晶顯示 (LCD) 設備,包括平面屏幕監視器和便攜式計算機。
如何啟用 ClearType將 ClearType 用于屏幕字體的步驟:
依次單擊“開始”、“控制面板”、“外觀和主題”,然后單擊“顯示”。
在“外觀”選項卡上,單擊“效果”。
單擊選中“使用下列方式使屏幕字體的邊緣平滑”復選框,然后單擊該列表中的 ClearType。
如何自定義 ClearType可根據個人喜好調整 ClearType 的對比度設置。盡管 Windows XP 中沒有執行此操作的工具或設置,但是以下 Microsoft Web 站點中有用于打開或關閉 ClearType 以及調整對比度的工具:www.microsoft.com/typography/cleartype/cleartypeactivate.htm
故障排除顯示器看上去模糊ClearType 旨在增強 LCD 顯示。它在標準的桌面監視器和一些 LCD 顯示器上看上去可能有點模糊。可按照本文中“如何自定義 ClearType”一節中介紹的步驟自定義 ClearType 來改善此問題。
在少數情況下,觀察到的模糊由 LCD 顯示器的制造異常引起,其中正常的綠紅藍條條紋倒轉為了藍綠紅。目前,Windows XP 的 ClearType 不支持對這種異常的補償。如果在某個 LCD 顯示器上,任何 ClearType 對比度設置的效果都不好,則可能就是這種問題。在這些情況下,最好關閉 ClearType。
顏色設置必須支持 ClearType若要使用 ClearType,必須有一個至少支持 256 色的視頻適配器和監視器。通過增強色(24 位)或最高色(32 位)支持可獲得最佳效果。改變顏色質量的步驟:
依次單擊“開始”、“控制面板”、“外觀和主題”,然后單擊“顯示”。
在“設置”選項卡的“顏色質量”列表中,單擊不同的顏色設置。
把windows 8 用戶都等著急了,哈哈哈。現在新買的筆記本基本都是win8用戶,最重要的放到最后了。
大同小異,道理是一樣的:
控制面板--外觀和個性化--顯示--左邊調整ClearType 文本--然后根據上面教程的步驟。
下面說說效果最差的調整方法:
如果您的筆記本或者臺式機,正確安裝了顯卡驅動,系統會有個默認的推薦分辨率。
這也是個關乎屏幕是否清晰的要素,但是不是特別關鍵。
如果沒有安裝好顯卡驅動,絕對沒有“推薦”2字。
吧友們不要在罵你的筆記本廠商了,趕緊改改你的筆記本設置吧。如果有效記得來回復一下啊。
聯想貼吧吧主@zhzh7769 原創文章。