<h4>Drop them into your application, website, or custom cards and control their size, color, drop shadow, or any dimension just as you would with text!</h4>
<p>Each set symbol has its own font character. Display them in a manner similar to <ahref="http://fontawesome.io">Font Awesome</a> using the <code><i class="ss ss-exp"></i></code> element. Class name codes are based on the expansion codes from <ahref="http://mtgjson.com">MTG JSON</a>.</p>
<p>To use Keyrune, move the font files to your /fonts directory and include the <code>keyrune.css</code> stylesheet in your <code><head></code>:</p>
<p>Feel free to edit the source files and compile Keyrune to fit your needs. All SVG glyphs are compiled into font files using the wonderful <ahref="http://icomoon.io">IcoMoon</a> app. For styling, currently LESS is supported with Sass coming soon.</p>
</section>
<sectionclass="content">
<h2>License</h2>
<p>All set symbol images are copyright Wizards of the Coast (<ahref="http://magicthegathering.com">http://magicthegathering.com</a>)</p>
<p>The Keyrune font is licensed under the the SIL OFL 1.1 (<ahref="http://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a>)</p>
<p>Keyrune CSS, LESS, and Sass files are licensed under the MIT License (<ahref="http://opensource.org/licenses/mit-license.html">http://opensource.org/licenses/mit-license.html</a>)</p>
<p>Attribution is <strong>greatly appreciated</strong> but not required!</p>
