現在支付愈來愈多元,從早期的ATM、信用卡,到現在的Apple Pay、Line Pay、Android Pay…..,就相當的琳琅滿目,這時為了將這些支付的圖示,顯示在網頁上時,就苦了設計師,得四處尋找相關的支付圖示,將這些圖示處理後,再把它放到網頁中。
但現在不用累人啦!只需透過PaymentFont這各免費的IconFont,共收錄了目前常用的一百多種的支付圖示,像是 Visa、MasterCard、JCB或是 PayPal、 Apple Pay、比特幣 Bitcoin….等,只需將它的CSS引用後,立即就可使用,甚至還可調整他的大小與顏色,真的相當方便,因此有在製作EC的朋友,這款PaymentFont支付圖示千萬別錯過了。
PaymentFont
網站名稱: PaymentFont
連結網址:https://paymentfont.com/
連結網址:https://paymentfont.com/
Step1
當進入「PaymentFont」的網站後,點一下畫面中的「Download」鈕,將支付的IconFont給下載回來。
Step2
下載完畢,解壓縮後,只需保留css與fonts二資料夾即可。
Step3
這時回到PaymentFont的網站後,從圖示下方,分別會看到該圖示的名稱,點一下所需的支付圖示,立即就可將該圖示的引用名稱給複製起來。
Step4
接著回到網頁,分別將CSS載入後,再使用i標籤,將剛所複製的支付類別名稱類上。
Step5
鏘!鏘!立即就會顯示剛所設定的支付圖示,而透過IconFont的最好處就是,可以任意的更改大小、顏色都不會失真,因此有在經營電商的朋友PaymentFont,這個支付向量圖示字型千萬別錯過了。