Using Mana
Each mana/card symbol has its own font character. Display them in a manner similar to Font Awesome using the <i class="ms ..."></i>
element. There are class names for each mana color (w, u, b, r, g, c) and for the various symbols that appear on cards (like tap). See the full list of available symbols.
To use Mana, move the 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" />
Insert set symbol icons by using the .ms
class and then the mana/symbol code class(es), such as .ms-u
for blue mana:
<i class="ms ms-u"></i>