如何讓 IE 略過網頁指定的字型而使用我們選擇的字型

有時,當我們在瀏覽網頁的時候會發現,網頁顯示的字型看起來怪怪的,不是我們一般習慣看到的字型。會發生這種情形,有可能是網頁作者在原始碼裡指定了一個奇怪的字型。

或者是我們希望能以一個比較美觀的字型來顯示所有的網頁內容,而略過網頁作者所指定的字型。以我的使用習慣來說,自從微軟推出了「微軟正黑體」這個新字型,我就覺得比以前的「新細明體」來得好看許多,所以就會設定瀏覽器一律以微軟正黑體來顯示網頁內容。

以下這個簡單的教學是如何讓 Internet Explorer 使用我們指定的字型來顯示網頁內容,而略過網頁作者指定的字型。也就是說,不管網頁作者在網頁原始碼裡指定了什麼字型,Internet Explorer 還是會以我們指定的字型顯示網頁。

第一步、點按【工具】功能表,點選【網際網路選項】▼

自訂 IE 顯示網頁的字型 - 工具功能表

第二步、點選【字型】▼

自訂 IE 顯示網頁的字型 - 點選「字型」

第三步、在「字集」部份,選擇【繁體中文】,所以下面指定的字型會套用在繁體中文的網頁。然後在「網頁字型」指定要顯示的字型,例如「微軟正黑體」;「純文字字型」也可以指定一個合適的字型(如果你不滿意現在的字型)。完成後按下【確定】▼

自訂 IE 顯示網頁的字型 - 指定字型

第四步、回到網際網路選項,點選【協助工具】▼

自訂 IE 顯示網頁的字型 - 選點「協助工具」

第五步、在協助工具對話框裡勾選【略過在網頁上指定的字型樣式】,這麼一來,網頁就會以我們指定的字型顯示而略過作者指定的字型。最後按下【確定】,回到網際網路選項後再按一次【確定】▼

自訂 IE 顯示網頁的字型 - 勾選「略過在網頁上指定的字型樣式」

不同瀏覽器之間的書籤同步很簡單 – Transmute

現在瀏覽器之間的戰況激烈,每一個陣營無不拿出看家本領以獲得更高的支持率。在這種情況下,實在很難選擇其中一個當做系統唯一的瀏瀏覽器。像我就喜歡同時安裝幾個主要的瀏覽器 – Firefox 作為主力、Chrome 用於瀏覽對 JavaScript 性能要求較高的網頁;Opera、Safari、IE 之流就拿來測試網頁相容性,或是試玩它們的特殊功能。

不過,這時問題就來了,每一個瀏覽器都有各自儲存書籤的容器而且無法相互共用。利用瀏覽器的書籤「匯出、匯入」功能來同步書籤也不是很方便,因為各個瀏覽器匯出的書籤格式不一定相容。不過,有了 Transmute,處理這個問題就方便多了。

Transmute 是一款可以在不同瀏覽器之間同步書籤的小工具,目前網路上常見的瀏覽器它都支援。Transmute 讓我們可以指定來源以及目標瀏覽器,然後再將來源書籤直接輸出到目標瀏覽器存放書籤的地方,因此我們並不須要擔心格式的相容問題。唯一要注意的就是目標書籤會被覆寫,不過 Trasmute 會自動備份舊有的書籤。

Transmute 支援的瀏覽器有:Avant Browser、Chrome、Chromium、Firefox、Flock、Internet Explorer、K-Meleon、Konqueror、Opera、Safari 以及 SeaMonkey。

Transmute 軟體資料:

Transmute 使用介紹:

執行 Transmute 之後,在「Source」下拉選單選擇來源書籤的瀏覽器;「Target」選擇目標書籤瀏覽器,如果來源、目標瀏覽器的使用者設定檔不是預設的話則可以點選右邊的瀏覽按鈕指定它們的位置。

若要讓來源書籤完全覆蓋目標書籤的話必須勾選「Overwrite collection」,反之則會將來源書籤「合併」到目標書籤而不是覆蓋(但是這選項只有 Pro 版才可以更改 Orz…);如果要保留目標書籤的備份則勾選「Backup collection」。最後按下【Start】開始同步作業。▼

Transmute - 選擇來源、目標瀏覽器

按下 Start 之後會跳出警告對話框,通知我們目標書籤即將被覆蓋,按下【確定】繼續。▼

Transmute - 警告對話框

在同步之前的預覽,左邊是來源書籤,右邊則是目標書籤。沒問題的話按下【OK】開始同步。▼

Transmute - 同步前預覽

▼ 同步完成時會在程式的狀態列顯示「Processing Complete」的訊息。

Transmute - 同步完成

用 IECacheView 檢視所有快取檔案 (Mozilla, Opera 和 Chrome 也有對應版本)

快取 (Cache) 是大部份網頁瀏覽軟體會使用的一種機制,先把網頁相關的檔案下載到使用者的電腦然後再以瀏覽器顯示出網頁內容。當下一次這個網頁重新被瀏覽的時候,瀏覽器會先檢查快取裡的檔案是否有經過更新 (修改),如果沒有的話則直接以快取的檔案顯示在瀏覽器,因而加快了載入網頁的速度以及減少不必要的頻寬浪費。

IECacheView 這個小軟體可以讓我們檢視 IE 瀏覽器所有的快取檔案,並且對每一個檔案顯示以下資訊:

  • 檔案名稱
  • 檔案類型
  • URL
  • 最後一次存取時間
  • 最後一次修改時間
  • 快取檔案到期時間
  • 快取使用次數
  • 檔案大小
  • 快取檔案所屬子目錄
  • 完整路徑

而快取檔案清單可以以上面這幾項資訊做為排列順序的依據。

另外我們也可以利用這個小軟體將快取檔案抓出來,像是一些網頁裡面不容易擷取的檔案就可以利用這個方式,先瀏覽過一遍網頁之後再從快取檔案裡面抓出我們想要的檔案。

IECacheView 是 NirSoft 的作品,除了 IE 之外還有 MozillaCacheViewOperaCacheView 以及 ChromeCacheView,操作方法大同小異。

順帶一提,NirSoft 這個網站專出一些實用的小軟體,大部份都是免安裝的綠色軟體,去那邊逛逛說不定可以找到你正好須要的工具。

IECacheView 基本資料:

IECacheView 介面擷圖:

IECacheView.Main
(上圖:IECacheView 主要介面)

IECacheView.ContextMenu
(上圖:快取檔案的右鍵選單)

IECacheView.Details
(上圖:在快取檔案上面點兩次就可以開啟「檔案詳細內容」對話框)

測試網頁的利器 – IETester 讓你同時擁有不同版本的 IE 瀏覽器

最令網頁設計師痛苦的一件事情就是網頁設計出來之後在每一種瀏覽器裡面都有可能呈現差異。所以在設計網頁的時候不得不同時打開  IE、Firefox、Opera、Safari 等各大瀏覽器來測試設計成果。說到 IE,拜微軟作業系統之賜,它的使用率到目前為止一直還是最高的,同時又有好幾個不同的版本存在,從 IE 5.5 (真的還有人在用)、IE 6、IE 7 到最新的 IE 8,每一個版本都有自己的一套標準及相容性,網頁呈現的樣式常會因為 IE 版本的不同而有所差異。

今天要介紹的軟體是  IETester,它可以讓我們同時擁有從 IE 5.5 到 IE 8 beta 2 的瀏覽器,對於有網頁設計需求的人來說這是一個非常方便且實用的測試工具,因為在同一個介面裡你可以一次檢視網頁在不同 IE 版本之間呈現的樣式。比起一些同性質的線上工具必須等待一段時間然後才有網頁的擷圖,IETester 呈現的結果是即時的,所以會提高不少網頁調校的效率。

IETester 基本資料:

  • 軟體網頁:http://www.my-debugbar.com/wiki/IETester/HomePage
  • 軟體版本:0.2.3
  • 軟體性質:免費軟體
  • 介面語言:多國語言含繁體中文
  • 檔案大小:24 MB
  • 軟體下載:請點我
  • 軟體需求:Windows Vista 或 Windows XP 含 IE 7,如果是 Windows XP 含 IE 6 的話軟體將沒有辦法使用 IE 7 和 IE 8。

IETester 介面擷圖:

IETester