(免費資源網路社群) GitHub 釋出開放原始碼免費圖示 Octicons

github-octicons_01

GitHub 之前將網站前端 CSS 設計框架開放原始碼釋出為 Primer 專案,為廣大開發者提供了更大的靈活性,而最近更把 GitHub 使用的圖示一併整理後釋出,推出完全免費、可自由下載使用的 Octicons。讓我想起前段時間 Google 也釋出數百個向量圖示,並放到 GitHub 網站上供開發者自由下載,這些圖示的設計都相當簡潔,而且辨識度高,很適合用於應用程式或網站開發。

GitHub 釋出的 Octicons 圖示集收錄 150 個以上常用標誌,同時也是 GitHub 網站使用的圖示,如果需要,可以免費下載、並將它們自由套用到自己的專案開發。

Octicons 提供包括 TTF、CSS 檔在內等多種檔案格式,若要在自己的電腦上使用圖示,可以選擇把 TTF 字型檔安裝進去,若要用於網頁或應用程式開發,只要載入 Octicons 的樣式檔(CSS),以調用方式把圖示的特定名稱寫進去,即可產生特定圖示。

(免費資源網路社群) 為網站載入 Typekit「思源黑體」

 

 「思源黑體(Source Han Sans)」是 Adobe 和 Google 合作,於 2014 年推出的開放原始碼免費字型,提供七種粗細設定,完整支援日文、韓文、繁體及簡體中文,有鑑於免費中文字型選擇不多,在開發上也頗具難度,一推出便受到許多人關注,修改版字型也陸續出現,例如之前介紹過的思源柔黑體、思源真黑體。

source-han-sans_01

(免費資源網路社群) 手寫字體 Comic Neue

comic-neue-01

Comic Sans 從 1994 年開始一直存在於 Windows 內建字體裡,時至今日仍可在許多地方看到它的蹤跡,這款字型採手寫風格,經常被用於漫畫或是兒童使用的軟體內,後來遭受一些平面設計師抨擊,認為 Comic Sans 字型不正式、缺乏設計感,不適合用於任何情況。我想好看與否見仁見智,無庸置疑的是字體必須要用在對的地方。

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box badge-hot

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box color-color1 badge-new

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box color-transparent badge-free

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box color-color2 badge-top