andrew/mana
andrew
/
mana
mirror of https://github.com/andrewgioia/mana.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Magic: the Gathering mana symbol pictographic font https://mana.andrewgioia.com
34 Commits 9 Branches 7 Tags 12 MiB
SCSS 28.7%
Less 28.1%
CSS 25.9%
HTML 17.3%
Go to file
Andrew Gioia 1e5f70f099 Pulling in the energy icon and updating the docs 2016-09-23 14:28:47 -04:00
bower_components/mana Pulling in the energy icon and updating the docs 2016-09-23 14:28:47 -04:00
css Slight tweak to icon page style 2016-06-23 11:33:53 -04:00
fonts Initial documentation site for Mana 2016-06-20 22:08:52 -04:00
.gitignore Initial documentation site for Mana 2016-06-20 22:08:52 -04:00
README.md Pulling in the energy icon and updating the docs 2016-09-23 14:28:47 -04:00
attributes.html Updated icons page and new attributes page showing all of the available options 2016-06-22 14:15:30 -04:00
bower.json Initial documentation site for Mana 2016-06-20 22:08:52 -04:00
cheatsheet.html Pulling in the energy icon and updating the docs 2016-09-23 14:28:47 -04:00
icons.html Pulling in the energy icon and updating the docs 2016-09-23 14:28:47 -04:00
index.html Pulling in the energy icon and updating the docs 2016-09-23 14:28:47 -04:00

README.md

Mana v1.1.0

The Magic: the Gathering mana symbol font!

Mana is a complete set of Magic: the Gathering mana, tap, and card type symbols as a pictographic font. You can use this font anywhere you want to display mana and tap symbols—in your MtG app or website, documents, card images, anything!

Usage

Each mana symbol has its own font character. Display them in a manner similar to Keyrune using the <i class="ms ms-g"></i> element and class syntax. Class name codes are based on textual mana symbol codes (like g for Green or 3 for, well, {3}).

To use Mana, move the web font files to your /fonts directory and include the mana.css stylesheet in your <head>:

<link href="css/mana.css" rel="stylesheet" type="text/css" />

Editing the Source

Feel free to edit the source files and compile Mana to fit your needs. Currently LESS is supported, with Sass coming soon.

License

All mana, tap, and card type symbol images are copyright Wizards of the Coast (http://magicthegathering.com)

The Mana font is licensed under the the SIL OFL 1.1 (http://scripts.sil.org/OFL)

Mana CSS, LESS, and Sass files are licensed under the MIT License (http://opensource.org/licenses/mit-license.html)

Attribution is greatly appreciated but not required!

Changelog

  • v0.1 - initial font creation and CSS/LESS files added
  • v0.2 - Flashback symbol added
  • v0.3 - phyrexian mana classes use MTGJson standard; project-specific LESS prefix added (@JayGray)
  • v0.4 - adding classes for 16, 17, 18, 19, and 20 symbols
  • v0.5 - adding the new colorless wastes symbol
  • v0.6 - adding double-faced card symbols (day, night)
  • v1.0.0 - finally documentation is live!
  • v1.0.1 - fixed 100 in icon list
  • v1.1.0 - added the Energy icon