「M+ FONTS免費雲端字型」讓網頁字型也有超細黑、細黑、粗黑、特黑、超黑體

梅問題-「M+ FONTS免費雲端字型」讓網頁字型也有超細黑、細黑、粗黑、特黑、超黑體
  自從Google與Adobe聯手後,讓網頁不再只有新細明體,而無論是Google還是Adobe也都有推出雲端字型,供大家免費使用,讓網頁字型多了一個黑體可選擇,當把網頁字型套用黑體字後,比原來的新細明體漂亮許多,但會發現到,當把文字設為粗體時,卻感覺不出變化性,最主要是因為思黑體接近中黑,因此在加粗時,只有相當細微的變化。
  而最近梅干發現一個也是來自日本的免費字型,除了提供手機安裝、電腦使用外,甚至還提供了雲端字型,不但完全免註冊,同時還不限流量,經梅干實測後,支援的繁體中文還相當齊全,當有掉字時,則會顯示網頁原來的文字,而不會被清空,更重要的是,這個日文字型,總共提供了六種不同的粗細變化的黑體可選擇,因此想要讓網頁字型有不一樣變化的朋友,現在也一塊來看看。
M+ FONTS
網站名稱:M+ FONTS
連結網址:https://mplus-fonts.osdn.jp/

Step1
進到M+ FONTS的網站後,畫面相當的乾淨,從左邊選擇語系。
梅問題-「M+ FONTS免費雲端字型」讓網頁字型也有超細黑、細黑、粗黑、特黑、超黑體
Step2
進入後,從右上方可看到授權的部分,接著在左邊的選單中,除了有提供文字的下載外,還有支援雲端字型,點一下WEB FONTS
梅問題-「M+ FONTS免費雲端字型」讓網頁字型也有超細黑、細黑、粗黑、特黑、超黑體
Step3
接著在雲端字型的部分,支援七種類型,從極細到特黑。
梅問題-「M+ FONTS免費雲端字型」讓網頁字型也有超細黑、細黑、粗黑、特黑、超黑體
Step4
至於要如何使用呢?方法也很簡單,將二組CSS加入網頁的head中。
梅問題-「M+ FONTS免費雲端字型」讓網頁字型也有超細黑、細黑、粗黑、特黑、超黑體
Step5
接著下方就是要套用的文字字型。
梅問題-「M+ FONTS免費雲端字型」讓網頁字型也有超細黑、細黑、粗黑、特黑、超黑體
Step6
都複製好後,再依序的貼到自己的專案頁面中。
梅問題-「M+ FONTS免費雲端字型」讓網頁字型也有超細黑、細黑、粗黑、特黑、超黑體
Step7
以及指定要顯示的字型。
梅問題-「M+ FONTS免費雲端字型」讓網頁字型也有超細黑、細黑、粗黑、特黑、超黑體
Step8
鏘~鏘~立即就從黑體變成細黑體啦!且此黑體閱讀起來相當的舒服。
梅問題-「M+ FONTS免費雲端字型」讓網頁字型也有超細黑、細黑、粗黑、特黑、超黑體
Step9
雖然都是黑體字,但有了這七種的不同粗細的變化,讓網頁的字型運用上就更加的便利,而目前中文字的部分,支援度還算不錯,當有掉字時,則會顯示原來的預設字型。
梅問題-「M+ FONTS免費雲端字型」讓網頁字型也有超細黑、細黑、粗黑、特黑、超黑體

相關文章

「HTML5 UP」高品質、可商用的RWD自適應網頁版型免費下載

「HTML5 UP」高品質、可商用的RWD自適應網頁版型免費下載

「Bestofthemes」RWD自適應網頁版型大集合,一塊來挖寶吧!

「Bestofthemes」RWD自適應網頁版型大集合,一塊來挖寶吧!

「The Noun Project」免費向量圖示搜尋器,可將圖示拖曳到繪圖軟體中

「The Noun Project」免費向量圖示搜尋器,可將圖示拖曳到繪圖軟體中

「Convertio」線上萬用一鍵轉檔平台,支援「文件、影音、圖片」

「Convertio」線上萬用一鍵轉檔平台,支援「文件、影音、圖片」

「DaVinci Resolve 達文西」國內外電影公司最愛的專業剪輯軟體免費下載

「DaVinci Resolve 達文西」國內外電影公司最愛的專業剪輯軟體免費下載





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。