Font of Web 輸入網址就幫你找出該網站所使用的字體與下載網址

Font of Web 輸入網址就幫你找出該網站所使用的字體與下載網址

瀏覽網站時,如果遇到喜歡的字體,該如何找出該字體名稱與下載呢?這時候,我們可以透過 Font of Web 這個線上工具來協助,只要輸入該網站網址,便可以找出該網站所使用的字體,並產生該字體的下載連結,但,並非所有字體都能產生下載連結,另外該網站會分析輸入網址的主要的 HTML Tag 像是 h1、span、p...等的與字體相關的 CSS,這對要參考其他網站來定義自己網頁字體的大小、字重或 Line Height 也有參考價值,另外,字體下載須注意版權,該網站並不保證所下載的字體可以用於個人或商業。

如何建立自己手寫的英文字型?

如何建立自己手寫的英文字型?

網路上有很多手寫風格且免費的英文字型可供下載使用,但如果想要自己創建一套呢?Kidpofy 這個網站可以讓我們輕鬆快速的實現包含英文大、小寫、阿拉伯數字及標點符號的手寫英文字體,只須按照其提示寫出每個英文字母、數字,就可以轉出 ttf、svg 和可應用在網路上的 woff 字型檔案,然後安裝到電腦中,Kidpofy 網站可建立包含 Spanish(69 characters)、English (62 characters) 和 Catalan(77 characters) 三種語言的字體,可在有瀏覽器的設備上使用,包含電腦、手機及平板,換句話說,如果不想用滑鼠或手指來寫,也可以透過手寫板來輸入。

「守寫字」讓手寫字也能變成可用電腦打出的字體

「守寫字」讓手寫字也能變成可用電腦打出的字體

想要建立一套字體不是件容易的事情,尤其是對中文字型而言,但「守寫字」這個網站,讓建立字型變得相當簡單,尤其是對寫字漂亮的人來說,更具有優勢,只要將手寫的字體拍照上傳或是透過繪圖板手繪寫字,就能將其轉換成 ttf 的字型檔,透過字型安裝,便能在文書編輯、繪圖軟體及有需要應用到字體中的應用程式中來應用。

FontViewOK 字型比較免費工具

FontViewOK 字型比較免費工具

經常要使用字型的朋友來說,常常為了挑一個字型對該字的適合顯示樣式,就必須要一個個來對字型輸入後看樣式,非常麻煩。FontViewOK 是一套可以輸入一個字或字串,便使用所有存在 Windows 內的字型來呈現對該字或字串,相當好用。如果需要中文的字型,可參考 免費中文字型下載﹝王漢宗教授自由字型﹞,英文字型 FontSpace 免費的英文字型下載 ,若在 Windows 內安裝字型有困難,請參閱 如何在 Windows 安裝新字型

Pair & Compare 線上比較 Google Font 字體差異

Pair & Compare 線上比較 Google Font 字體差異

Pair & Compare 是一個用來比較 Google Font 各字形差異的比對網站,對製作文宣品或是網頁的人來說,會是一個絕佳工具,免去下載、安裝、比較字型的繁雜步驟,就可快速選定適合自己使用的字形,Pair & Compare 提供標題、內文,背景色、字體大小、顏色、文字對齊等參數供用戶自訂,並可自訂要比較字型的數量,只要改變字形便可以套用到標題與內文。

NexusFont 字型預覽與管理工具

NexusFont 字型預覽與管理工具

如何才能快速預覽及管理電腦上已安裝的所有字型,在不安裝其他輔助軟體的情況下,可以從 C:\Windows\Fonts 這個路徑來一一檢視,要是安裝的字型很多實在很難如此做,這時候可以來試試 NexusFont 這套可預覽與管理電腦內所安裝的字型免費工具,透過 NexusFont 的字型檢視工具,可輸入文字並自行設定粗體、斜體、加底線、字體大小、文字色彩或背景色彩等樣式來預覽,以方便選擇合適的字型來使用,除此之外 NexusFont 還可安裝、移除、尋找重複字型、列印選定或全部字型的管理功能。

TypeWonder 在任何網站上測試 Google 的 Web 字型

TypeWonder 在任何網站上測試 Google 的 Web 字型

Web 字型,主要在解決網頁設計所使用的字型,可能與瀏覽端的字型不一致所造成的排版差異與視覺感受,而 Google 有提供免費的 Web 英文字型,想要應用,可以到 Google fonts 輕鬆取得相關的連結語法。如果想要先試試每種字體在網頁上的呈現效果,可以利用 TypeWonder 這個免費的網站來進行測試,只要輸入要測試的網址,便可使用自己所選擇的英文字型來呈現,且可以產生連結語法,方便應用到網頁上。

Typefacer 預覽已安裝字型

Typefacer 預覽已安裝字型

進行美工時,若有需要應用到字體字型,可以來使用 Typefacer 這套相當簡單的字型預覽工具,可以直接輸入所要預覽的文字或句子,然後從已安裝的字型清單中點選要使用的字型來呈現所輸入的文字樣貌。

Font Comparer - Google Web 字型線上預覽服務

Font Comparer - Google Web 字型線上預覽服務

製作網頁時,若想使用一些較特殊的字型,往往需要以圖片的方式來呈現,這是因為來瀏覽網頁者的電腦裡未必裝有該字型,若不使用圖片來呈現,有可能會出現亂碼或是以別的字型來取代,造成排版不易,Google Web Fonts 便有提供該困擾的解決方案,便是將字型以 CSS 的方式做連結,這樣製作網頁與瀏覽網頁的雙方便可以以 Google Web Fonts 為中心來取得該字型,解決此一困擾,目前 Google 提供的字型不少,要如何才能快速找到適合自己網頁裡可以使用的字型呢?可以來試試 Font Comparer 這個免費的 Google Web Fonts 進階應用線上服務,只要輸入要預覽的字體,便會一次列出目前 Google 有提供字型的預覽,並提供 CSS 的使用語法,相當方便。

WinFontsView 快速預覽 Windows 內所安裝的所有字型工具,可輸出所有字型報表(免安裝)

WinFontsView 快速預覽 Windows 內所安裝的所有字型工具,可輸出所有字型報表(免安裝)

WinFontsView 是一套可預覽 Windows 內所安裝字型樣式的免費工具,除了可預覽一般樣式之外,還可以粗體、斜體與加入底線的方式來進行預覽。若希望能使用所需的中文字或特殊符號來顯示字體的樣式,也可自行輸入各種文字、數字與符號,並可輸出成報表供日後應用時快速查詢。

Font.colorfull 線上字型檢視器,一次列出所輸入的文字所有字型樣式

Font.colorfull 線上字型檢視器,一次列出所輸入的文字所有字型樣式

Windows 內建的字型檢視器,一次只能檢視一個字型樣式,對於美工人員應該不是太方便,若是能夠反過來將輸入的文字,使用所有字型列出字型樣式,應該較能符合需求。Font.colorfull 是一個免費的線上字型檢視器服務,他能夠將裝在電腦內的字型,根據你所輸入的文字,一次列出所有字型樣式,與之前所介紹的 FontViewOK 字型檢視工具,檢視所有字型﹝免安裝﹞具有相同的功能。