網設必備-《Fontface Ninja》點一下立即知道網頁所使用的字型、行高與字級大小

梅問題-網設必備-《Fontface Ninja》點一下立即知道網頁所使用的字型、行高與字級大小
  從事網頁設計的朋友都知道,網頁的內建字型相當固定,不是新細明體就是中黑體,但英文部分就有相當多的選擇,每次當瀏覽網頁時,看到不錯的字型時,梅干就會利用瀏覽器的網頁開發者工具,選取網頁中的字型,並查看到出網頁中到底使用了什麼字型、字級,雖然說很方便,但有時文字包好幾層,就得一個一個的進入,才能正確的找到,而最近梅干發現一套好用的外掛,只要在Chrome安裝此外掛後,下回當在瀏覽網頁時,看到不錯的字型時,只要對著文字點一下,立即就會顯示出,網頁中所使用的字型、字級與行高了,因此身為網頁設計的工作者,這隻外掛絕不容錯過啦!

Fontface Ninja:
外掛名稱:Fontface Ninja
適用平台:Chrome、Safari
官方網站:http://www.fontface.ninja/
外掛下載:Chrome商店

Step1
進入外掛的安裝畫面後,點一下免費鈕,就可完成安裝。
梅問題-網設必備-《Fontface Ninja》點一下立即知道網頁所使用的字型、行高與字級大小
Step2
當安裝完畢後,就會看到一個小黑人圖示。
梅問題-網設必備-《Fontface Ninja》點一下立即知道網頁所使用的字型、行高與字級大小
Step3
之後在瀏覽網頁時,當看到不錯的字型時,再點一下網址後方的小黑人圖示。
梅問題-網設必備-《Fontface Ninja》點一下立即知道網頁所使用的字型、行高與字級大小
Step4
對著文字點一下,立即就會顯示出網頁中的文字字型、大小與行高,是不是超方便的呀!!
梅問題-網設必備-《Fontface Ninja》點一下立即知道網頁所使用的字型、行高與字級大小

相關文章

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

CSS教學-CSS選擇器套用樣式的優先權順序

CSS教學-CSS選擇器套用樣式的優先權順序

Bootstrap教學-NavBar導覽列選單在手機版下,選單由側邊開啟

Bootstrap教學-NavBar導覽列選單在手機版下,選單由側邊開啟





回應本篇 »

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

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

共 1 梅留言

  • 第1梅
    胎哥阿寶 說道:

    哦!這好酷!跟程式設計師討論起來會很有幫助!
    ——————————
    @ 胎哥阿寶!吃寶沒~

    回應:
    對呀!!這隻挺方便的

近期講座

近期講座

更多講座