Font Awesome

IcoFont 提供超過 2100個圖示字型免費使用

IcoFont 提供超過 2100個圖示字型免費使用

圖示的表達會比文字描述更乾淨俐落,就像 line 會將一些輸入的詞語轉成圖示來表示一樣,而在網頁中如果要使用圖示表達像是鈴鐺、電子郵件或是分享按鈕,傳統的做法可以使用圖片,也可以使用 SVG 向量圖檔,然而最簡便的方式還是使用圖示字型。
GoogleFont Awesome 均有提供可免費運用到網頁內的圖示字型,而 IcoFont 也是如此的應用,其提供超過 2100個圖示,透過 CSS 的引用,使用者就可以使用 Markup、Hex 或是 HTML Entity 語法來成呈現圖示,另外,每個圖示亦提供 SVG 向量圖型下載,讓應用更為全面。

繼續閱讀»»»

CSS.GG 免費圖示字型集,透過 CSS 語法就可應用

CSS.GG 免費圖示字型集,透過 CSS 語法就可應用

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

繼續閱讀»»»

[ Word ]如何使用內建的圖示字型?

[ Word ]如何使用內建的圖示字型?

不論是在網頁、通訊或文書編輯軟體,要使用特殊符號時,我們都可以使用「 Windows + .」快速鍵來開啟 Windows 內建的 Emoji 符號表來挑選,而在 Word 中,除了可以使用 Emoji 外,我們還可以使用 Word 內建的 Segoe UI Emoji 圖示字型來增加應用時的豐富性,例如,🀀🀁🀂🀃🀄🀅🀇🀈🀉🀊🀌🀍🀎🀏,如果還是覺得不足,我們也可以安裝廣受大家好評的 Font Awesome Desktop 圖示字型來使用。 相關應用,還可以參閱:

繼續閱讀»»»

如何讓 Font Awesome 的圖示字型也可以應用在 Word、記事本?

如何讓 Font Awesome 的圖示字型也可以應用在 Word、記事本?

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

繼續閱讀»»»

請輸入關鍵字


請選擇...


˄