font

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

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

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

繼續閱讀»»»

EngTRESS Font 英文字母標準字型,解決學習困擾

EngTRESS Font 英文字母標準字型,解決學習困擾

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

繼續閱讀»»»

[ 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 之類的圖形編輯軟體上,讓圖示的顯示就像打字般的簡單。

繼續閱讀»»»

免費下載美國政府所設計的 Public Sans 免費英文字型

免費下載美國政府所設計的 Public Sans 免費英文字型

USWDS(U.S. Web Design System)是美國總務管理局(U.S. General Services Administration,GSA)正在進行的專案項目,其中包括程式碼函式庫、工具程式和設計指南,用來協助美國聯邦政府快速建立網站,而「Public Sans」為 USWDS 2.0 專案中的一部分,使用者可從 GitHub 免費下載,該字體修改自開放英文原始碼字型 Libre Franklin Font 而來,對字型的細節部分進行調整,使字體更為清晰,並提供 100至 900的字體粗細(font-weight )變化,且包含斜體(italic),讓無論使用在標題、內文或裝置介面上都能有非常好的表現,該字型可在任何平台、包含網站(Webfont)免費來使用。

繼續閱讀»»»

如何用 MusiSync Font 打出音樂音符?

如何用 MusiSync Font 打出音樂音符?

想在文書編輯軟體內打出音樂音符字型,像是全音符、四分音符、八分音符、十六分音符...等等,可透過 MusiSync Font 這個字型來達成。安裝後,要使用時,就跟一般字型的運用一樣,相當方便。

繼續閱讀»»»

請輸入關鍵字


請選擇...


˄