Segoe UI

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 圖示字型來使用。 相關應用,還可以參閱:

繼續閱讀»»»

 訂閱電子報

請輸入關鍵字


請選擇...


˄