Font

對 HTML 的初學者來說，如果有 HTML 與 CSS 相關的工具來輔助入門，將可事半功倍，以網頁的製作來看，通常都少不了 table 與 div 的應用，如果要有些變化，就需要在色彩、框線、文字、背景等多加著墨，HTML Table Styler 📅 CSS Generator 是一個免費互動式的 HTML 表格與 CSS 線上程式碼產生器，透過操作方便的調整介面，就能產生出 Gradient、Box Shadow、Text Shadow、Color、Font、Table、Column Border、Border Radius、Transform、Background 各種樣式，每種均可產生 HTML、CSS Code，且可預覽，另外，針對 table 要改用 div 也提供轉換器，讓初學過程大幅減短，兼顧工作效率。

在網頁中如果要用圖示，例如電話、郵件或是箭頭，以往的做法就是要有該圖示的圖片檔，將其放在指定的位置，但隨著螢幕大小多元化，固定尺寸的圖示圖片檔，缺點盡顯，除了佔用流量外，亦無法滿足螢幕大小的變化，因此將圖示如同網頁字形般的運用，是目前圖示應用在網頁的做法。不論是 Unicode、Icons - Google Fonts 、Font Awesome 都有提供適合在網頁中使用的字形化圖示集，CSS.GG 這個網站同樣提供免費的字形化圖示集，使用者可以自訂顏色、尺寸，再透過其所提供的 HTML，CSS、SVG 或是 TSX 語法就能應用到網頁上。

不論是海報文宣還是網頁製作都會需要美工，如何讓其中的英文字顯得生動活潑、與眾不同，就是靠字型，從既有的字型，再轉到美工軟體進行後續調整，想要取得英文免費字型，dafont.com 這個網站號稱有近 3萬之多的英文字型，供你免費下載與使用。

Emoji Kitchen Browser 是個將 Emoji 重新組合成新 Emoji 表情符號的免費網站，其採用 ? + ? = ? 的組合方式，也就是說，使用者任選一個表情符號後，Emoji Kitchen Browser 會將該表情符號的組合列出，並且顯示該表情符號是由哪兩個符號所組成，並可下載成尺寸為 534 x 534 的 PNG 圖檔，供使用者後續應用。

許多家長在教剛學習英文字母，若是想要製作一些教材時，通常英文預設字型是 Times New Roman， 但偏偏小寫a，g 與一般手寫 a， g 會不同，而且 Times New Roman 為了美觀，該字型設計的有稜有角，常會誤以為一定要畫出那些線條。為此，就必須改用 Comic Sans MS 字型，但此字型不夠端正，且小寫 t，大寫G， M 及Y 都與一般教學寫法有所出入，若改用 Arial 字型，是夠端正，但小寫 a 及大寫 I 又不合標準，而且所有字型都沒有輔助初學者的格線可以使用。EngTRESS 是一套標準英文字型，也能產生格線，對於有心要製作教材的家長或老師都有很大的幫助。

想要針對沒有原始檔案的 PDF 文件做一些後續的應用，例如取出文件中的圖片、文字、字形或是中記性的描述資料(Metadata)時，可以來試試 ExtractPDF.com 這個免費的網頁應用，該服務將 PDF 文件解析成 Images、Text、Fonts、Metadata 等四項，且對中文字的部分支援良好，讓你方便取用 PDF 文件中的資源，免除需要安裝只能解析圖片或文字單一功能的應用軟體。

使用文書編輯軟體時，如果碰到要使用圖示來代替文字，例如一個電話或是一個小鈴鐺的圖示，通常的做法就是去找個圖檔來使用，然後調整其大小及其位置，相當麻煩，但如果該圖示可以像打字般的打上一個字的使用方式，相信會更簡單些。Font Awesome 是個以字型的方式來運用圖示的圖示字型，其圖示的類型更是包羅萬象，以往我們都會將其運用在網頁上，而如今也推出 Windows、Mac 可以安裝的 OpenType 圖示字形檔，透過安裝，我們可以將其運用在 Word、PowerPoint、記事本或是 Photoshop 之類的圖形編輯軟體上，讓圖示的顯示就像打字般的簡單。

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

在一個排列整齊的紙盤中，找出曾翻開過的相同圖案，如果不同，紙牌就會再翻回去，玩家必須記住花色的位置，下次如果有翻到記憶中花色的位置，就可以配對，配對成功，就可將該對移除，所以一開始這種相似圖案配對遊戲會有困難度，後面隨紙牌數的減少，配對的速度也會加快，此類的記憶翻牌遊戲相當好玩，牌面可以是人物、動物、植物...等等，Font Memory Game 也屬於此類的網頁遊戲，不同的是其花色採用英文字體，leval 1 採用 10 種變化的 a 字體，且大寫的 A不變，而變化小寫的 a，leval 2 則有 14 種變化的A 與 a 字體，有點挑戰，大家加油。

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

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

Fontennium 是一個免費提供英文字型下載的網站，其所提供的獨特免費字型，例如 Alchemy 字體、Roman字體或是Egypta Fonts 字體等等，較有獨特風格的字體，與一般網站提供的字型不盡相同。每套字型都壓縮成 ZIP 檔，方便使用者下載使用，該網站幾乎沒有任何的廣告，介面清爽，就是要讓使用者方便找到自己喜歡的字型方便下載。若對 Windows 7 安裝字型有困難，可參考這篇 如何在Windows7安裝新字型 文章。