mirror of
https://github.com/andrewgioia/keyrune.git
synced 2024-12-22 23:49:56 +00:00
79 lines
4.3 KiB
HTML
79 lines
4.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
|
<title>Keyrune by andrewgioia</title>
|
|
|
|
<link rel="stylesheet" href="stylesheets/styles.css">
|
|
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
<!--[if lt IE 9]>
|
|
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<header>
|
|
<h1>Keyrune</h1>
|
|
<p>Magic: the Gathering set symbol pictographic font</p>
|
|
|
|
<p class="view"><a href="https://github.com/andrewgioia/Keyrune">View the Project on GitHub <small>andrewgioia/Keyrune</small></a></p>
|
|
|
|
|
|
<ul>
|
|
<li><a href="https://github.com/andrewgioia/Keyrune/zipball/master">Download <strong>ZIP File</strong></a></li>
|
|
<li><a href="https://github.com/andrewgioia/Keyrune/tarball/master">Download <strong>TAR Ball</strong></a></li>
|
|
<li><a href="https://github.com/andrewgioia/Keyrune">View On <strong>GitHub</strong></a></li>
|
|
</ul>
|
|
</header>
|
|
<section>
|
|
<h1>
|
|
<a id="keyrune-v01" class="anchor" href="#keyrune-v01" aria-hidden="true"><span class="octicon octicon-link"></span></a>Keyrune v0.1</h1>
|
|
|
|
<h2>
|
|
<a id="the-magic-the-gathering-set-symbol-font" class="anchor" href="#the-magic-the-gathering-set-symbol-font" aria-hidden="true"><span class="octicon octicon-link"></span></a>The Magic: the Gathering set symbol font!</h2>
|
|
|
|
<p>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!</p>
|
|
|
|
<h2>
|
|
<a id="usage" class="anchor" href="#usage" aria-hidden="true"><span class="octicon octicon-link"></span></a>Usage</h2>
|
|
|
|
<p>Each set symbol has its own font character. Display them in a manner similar to <a href="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 <a href="http://mtgjson.com">MTG JSON</a>.</p>
|
|
|
|
<p>To use Keyrune, move the font files to your <code>/fonts</code> directory and include the keyrune.css stylesheet in your <code><head></code>:</p>
|
|
|
|
<div class="highlight highlight-html"><pre><<span class="pl-ent">link</span> <span class="pl-e">href</span>=<span class="pl-s1"><span class="pl-pds">"</span>css/keyrune.css<span class="pl-pds">"</span></span> <span class="pl-e">rel</span>=<span class="pl-s1"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s1"><span class="pl-pds">"</span>text/css<span class="pl-pds">"</span></span> /></pre></div>
|
|
|
|
<h2>
|
|
<a id="editing-the-source" class="anchor" href="#editing-the-source" aria-hidden="true"><span class="octicon octicon-link"></span></a>Editing the Source</h2>
|
|
|
|
<p>Feel free to edit the source files and compile Keyrune to fit your needs. Currently LESS is supported, with Sass coming soon.</p>
|
|
|
|
<h2>
|
|
<a id="license" class="anchor" href="#license" aria-hidden="true"><span class="octicon octicon-link"></span></a>License</h2>
|
|
|
|
<p>All set symbol images are copyright Wizards of the Coast (<a href="http://magicthegathering.com">http://magicthegathering.com</a>)</p>
|
|
|
|
<p>The Keyrune font is licensed under the the SIL OFL 1.1 (<a href="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 (<a href="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>
|
|
|
|
<h2>
|
|
<a id="changelog" class="anchor" href="#changelog" aria-hidden="true"><span class="octicon octicon-link"></span></a>Changelog</h2>
|
|
|
|
<ul>
|
|
<li>v0.1 - initial font creation and CSS/LESS files for all sets up to Fate Reforged</li>
|
|
</ul>
|
|
</section>
|
|
<footer>
|
|
<p>This project is maintained by <a href="https://github.com/andrewgioia">andrewgioia</a></p>
|
|
<p><small>Hosted on GitHub Pages — Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
|
|
</footer>
|
|
</div>
|
|
<script src="javascripts/scale.fix.js"></script>
|
|
|
|
</body>
|
|
</html> |