css | ||
fonts | ||
less | ||
bower.json | ||
index.html | ||
README.md |
Keyrune v0.2
The Magic: the Gathering set symbol font!
Keyrune is the first suite of complete Magic: the Gathering expansion and set symbols as a pictographic font. You can use this font anywhere you want to display set symbols—in your MtG app or website, documents, card images, anything!
Usage
Each set symbol has its own font character. Display them in a manner similar to Font Awesome using the <i class="ss ss-exp"></i>
element. Class name codes are based on the expansion codes from MTG JSON.
To use Keyrune, move the font files to your /fonts
directory and include the keyrune.css stylesheet in your <head>
:
<link href="css/keyrune.css" rel="stylesheet" type="text/css" />
Editing the Source
Feel free to edit the source files and compile Keyrune to fit your needs. Currently LESS is supported, with Sass coming soon.
License
All set symbol images are copyright Wizards of the Coast (http://magicthegathering.com)
The Keyrune font is licensed under the the SIL OFL 1.1 (http://scripts.sil.org/OFL)
Keyrune 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 for all sets up to Fate Reforged
- v0.2 - all fonts are fluid width now so they will scale correctly without scaled padding
Todo
- Add fixed width class to force all set symbols to an identical fixed width