Magic: the Gathering set symbol pictographic font https://keyrune.andrewgioia.com
Go to file
2015-03-23 10:29:54 -04:00
css Rarities now support gradients for webkit browsers with .ss-grad 2015-03-21 20:39:38 -04:00
fonts Font files updated with all glyphs now fluid width; updating to v0.2 2015-03-21 17:38:26 -04:00
less Minor updates to demo page and less core 2015-03-23 10:29:54 -04:00
bower.json Adding bower config file 2015-03-14 19:04:03 -04:00
index.html Minor updates to demo page and less core 2015-03-23 10:29:54 -04:00
README.md Font files updated with all glyphs now fluid width; updating to v0.2 2015-03-21 17:38:26 -04:00

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