現在支付愈來愈多元,從早期的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,這個支付向量圖示字型千萬別錯過了。
Switch《寶可夢 Z-A》好啦魷怎麼進化?翻轉螢幕即可進化成烏賊王
Cloudflare Drop 拖曳就能部署網站,還可綁定網域與SSL
線上象棋對戰遊戲室|免註冊立即入座,真人即時對戰
樹莓派系統安裝教學|設定 Raspberry Pi OS、SSH 與首次登入
自製 GA4Exact 外掛,讓 WordPress 後台直接查看 GA4 分析報表
解決 WooCommerce Checkout Block 導致金流模組無法顯示的問題