Code Monkey home page Code Monkey logo

bankmy-payment-webfont's Introduction

BankMY Payment Webfont

A collection of SVG webfont that contains of all main payment methods and gateways in Malaysia http://nrfz.org/bankMY

Screenshot of Usage BankMY

Jom! Let's start at BankMY!

##How to Use?

Basically as usual. You just need the source .css and also the font folder. Download the master file. Upload bankmy.css and font folder to your root and start enjoying this font. Place them anywhere you like. As instance, you can use <i>, <span> or <div> tag to call them. i.e to show Maybank2U glyph.

<div class="icon icon-m2u"></div>

Btw, Dont forget to call the .css

<link rel="stylesheet" href="bankmy.css">

In order to size it accordingly, you can view full How-To and other classes in the How to Use Section

Screenshot of Classes

##Supported Payment Methods and Gateways As a starter, this set only contains 19 glyphs. More styles and options will be added in the future. You may send me a request or just open an issue.

  • Maybank2U
  • CIMB Clicks
  • Bank Islam
  • Hong Leong Bank
  • AMBank
  • Affin Bank
  • Public Bank
  • RHB Bank
  • Mastercard
  • Visa
  • MEPS Cash
  • FPX
  • PayPal
  • Mobile Money
  • iPay88
  • MOLPay
  • Kuwait Finance House
  • Bank Rakyat
  • Alliance Bank

##Installation If you're using Bower, simply cd to your desired location in Terminal and;

bower install bankmy-payment-webfont

Composer, Component support will be added real soon.

If you're using LESS, please look for bankmy.less. (you should know how to use it by the time you read this. How To).

##Changelog

  • 26-12-2014 V1.0.0 Initial release. (15 icons)
  • 29-12-2014 V1.0.1 Dedicated demo site added BankMY.
  • 30-12-2014 V1.0.2 Affin Bank logo icon added (16 icons). Bower installation added.
  • 30-12-2014 V1.0.3 LESS option added. More aligned stylesheet.
  • 04-01-2015 V1.0.4 Icon baseline known issue from ascender to descender height is fixed. Sizing classes are also added.
  • 09-07-2015 V1.0.5 KFH, Bank Rakyat and Alliance Bank added (19 icons).
  • 09-07-2015 V1.0.6 CSS class fixes for unicode issue.

##License

  • All the source codes are licensed under MIT License
  • Attribution/credit is not required, but very much appreciated. Apa salahnya-kan :)

bankmy-payment-webfont's People

Contributors

nurfaizfoat avatar zulfajuniadi avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.