Font Awesome免費ICON字體

為了符合行動裝置的尺寸,現在許多網站都會使用Bootstrap框架系統來製作RWD網頁,透過CSS來控制在不同的裝置上呈現的效果,本站的介面就是使用Bootstrap框架修改的主題,其中ICON的部份以往是使用PNG圖形或是SVG製作,但是編輯修改時非常麻煩,Bootstrap框架則是使用字體來呈現,即使在視網膜螢幕上也非常的清晰銳利

為了符合行動裝置的尺寸,現在許多網站都會使用Bootstrap框架系統來製作RWD網頁,透過CSS來控制在不同的裝置上呈現的效果,本站的介面就是使用Bootstrap框架修改的主題,其中ICON的部份以往是使用PNG圖形或是SVG製作,但是編輯修改時非常麻煩,Bootstrap框架則是使用字體來呈現,即使在視網膜螢幕上也非常的清晰銳利

從Font Awesome網頁下載安裝字體後,必須使用Unicode字碼才能打出來,所以我都直接使用Font Awesome網頁上的搜尋工具,輸入關鍵字就會顯示出幾個ICON供你挑選,然後再根據範例修改CSS標籤,就可以輕鬆將ICON替換了喔!


留言或問與答

注意: 留言內容不支援HTML代碼!必須加入會員才能顯示您的留言,您可以在我的帳號變更留言顯示名稱
       1     2     3     4     5  
  • 日期: 2017-06-23
  • 人氣: 838

標籤: Font Awesome,   font,   icon,   字體

Related

Font Awesome免費ICON字體

Font Awesome免費ICON字體

為了符合行動裝置的尺寸,現在許多網站都會使用Bootstrap框架系統來製作RWD網頁,透過CSS來控制在不同的裝置上呈現的效果,本站的介面就是使用Bootstrap框架修改的主題,其中ICON的部份以往是使用PNG圖形或是SVG製作,但是編輯修改時非常麻煩,Bootstrap框架則是使用字體來呈現,即使在視網膜螢幕上也非常的清晰銳利

Google Font

Google Font

很多人不知道商用字體需要付費,以為作業系統附贈免費的,所有的字體也是免費,尤其是中文字體不像英文字體只有26個單字,需要花費非常多的人力去設計,這也是為什麼中文字體又貴、選擇性又少的原因。還好佛心的Google Font提供免費字體的資源供大家使用,除了英文也有免費的中文思源體

Mac取出透明PNG的ICON

Mac取出透明PNG的ICON

當初賈伯斯回歸APPLE,推出革命性的OSX作業系統,就是以美到會讓你想舔他的設計為傲,後來庫克接棒後推出macOS,改成扁平式的ICON個人不是很喜歡,還是比較鍾愛賈伯斯時期的擬真設計,所以我的作業系統一直維持在OSX10.9.5,打算撐到電腦壞掉為止。以前還有非常多的視覺設計師為Mac繪製精美的ICON讓使用者可以替換,太久沒用一時想不起來怎麼換,以下的方法教你如何取出透明高解析的ICON