1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. PaymentFont 收錄當前較夯的支付Pay圖示(IconFont),可直接引用至電商頁面中

PaymentFont 收錄當前較夯的支付Pay圖示(IconFont),可直接引用至電商頁面中

2018/09/27

梅問題-PaymentFont 收錄目前各種支付Pay向量圖示

  現在支付愈來愈多元,從早期的ATM、信用卡,到現在的Apple Pay、Line Pay、Android Pay…..,就相當的琳琅滿目,這時為了將這些支付的圖示,顯示在網頁上時,就苦了設計師,得四處尋找相關的支付圖示,將這些圖示處理後,再把它放到網頁中。

但現在不用累人啦!只需透過PaymentFont這各免費的IconFont,共收錄了目前常用的一百多種的支付圖示,像是 Visa、MasterCard、JCB或是 PayPal、 Apple Pay、比特幣 Bitcoin….等,只需將它的CSS引用後,立即就可使用,甚至還可調整他的大小與顏色,真的相當方便,因此有在製作EC的朋友,這款PaymentFont支付圖示千萬別錯過了。


PaymentFont

網站名稱: PaymentFont
連結網址:https://paymentfont.com/

Step1
當進入「PaymentFont」的網站後,點一下畫面中的「Download」鈕,將支付的IconFont給下載回來。
梅問題-PaymentFont 收錄目前各種支付Pay向量圖示


Step2
下載完畢,解壓縮後,只需保留css與fonts二資料夾即可。
梅問題-PaymentFont 收錄目前各種支付Pay向量圖示


Step3
這時回到PaymentFont的網站後,從圖示下方,分別會看到該圖示的名稱,點一下所需的支付圖示,立即就可將該圖示的引用名稱給複製起來。
梅問題-PaymentFont 收錄目前各種支付Pay向量圖示


Step4
接著回到網頁,分別將CSS載入後,再使用i標籤,將剛所複製的支付類別名稱類上。
梅問題-PaymentFont 收錄目前各種支付Pay向量圖示


Step5
鏘!鏘!立即就會顯示剛所設定的支付圖示,而透過IconFont的最好處就是,可以任意的更改大小、顏色都不會失真,因此有在經營電商的朋友PaymentFont,這個支付向量圖示字型千萬別錯過了。
梅問題-PaymentFont 收錄目前各種支付Pay向量圖示