Font Demo: Guild Wars 2 Guild Emblem Font faces (Glyphs: 512 over 4 files) | Revision 1.2

Visit the homepage at http://gw2.properdave.com

The Guld Wars 2 Guild Emblems are divided into Foreground and Background font faces.

GW2-GuildEmblem-Backgrounds contains the 26 Background glyphs.

The 162 Foreground Emblems are spread across three (3) font faces. During testing, it was identified that the majority of browsers would not currently support the entire Foreground font set if included in one font file.

Because of this, the entire 324 glyph set (2 glyphs per Foreground emblem to allow for two-tone Foregrounds) is provided as three font faces of 54 Emblems (108 glyphs) each.

With the release of Heart of Thorns an additional 81 foreground emblems were added to the game. These are provided as an additional font face to suplement the existing font faces.

GW2-GuildEmblem-HeartOfThorns contains 162 additional glyphs (for 81 emblems).

jQuery plugin

Click to view the jQuery plugin demo page

Some examples from the Guilds of European server Aurora Glade

<span class="gw2" title="Veterans Of Lions Arch [LA]" style="width:256px; height:256px; font-size:256px;"><span class="gw2 stack gw2b-454828 " style="color:#001f34"></span><span class="gw2 stack gw2f-455134 " style="color:#9d8e6c"></span><span class="gw2 stack gw2f-455136 " style="color:#714910"></span></span>
<span class="gw2" title="Experience Express [CHOO]" style="width:256px; height:256px; font-size:256px;"><span class="gw2 stack gw2b-59612 " style="color:#1a181b"></span><span class="gw2 stack gw2f-454960 flip" style="color:#7c888a"></span><span class="gw2 stack gw2f-454962 flip" style="color:#bdbab9"></span></span>
<span class="gw2" title="Third Legio [III]" style="width:256px; height:256px; font-size:256px;"><span class="gw2 stack gw2b-59640 " style="color:#1a181b"></span><span class="gw2 stack gw2f-455380 " style="color:#87000a"></span><span class="gw2 stack gw2f-455382 " style="color:#bdbab9"></span></span>
<span class="gw2" title="Jade Reapers [JD]" style="width:256px; height:256px; font-size:256px;"><span class="gw2 stack gw2b-59600 " style="color:#bdbab9"></span><span class="gw2 stack gw2f-59880 " style="color:#87000a"></span><span class="gw2 stack gw2f-59882 " style="color:#bdbab9"></span></span>
<span class="gw2" title="Immersed [TEA]" style="width:256px; height:256px; font-size:256px;"><span class="gw2 stack gw2b-59638 " style="color:#003831"></span><span class="gw2 stack gw2f-433316 " style="color:#192700"></span><span class="gw2 stack gw2f-433318 " style="color:#235000"></span></span>
<span class="gw2" title="The Karma Initiative [rddt]" style="width:256px; height:256px; font-size:256px;"><span class="gw2 stack gw2b-59612 " style="color:#1a181b"></span><span class="gw2 stack gw2f-59650 " style="color:#983f17"></span><span class="gw2 stack gw2f-59652 " style="color:#bdbab9"></span></span>
<span class="gw2" title="Puglicious [PUG]" style="width:256px; height:256px; font-size:256px;"><span class="gw2 stack gw2b-59620 " style="color:#87000a"></span><span class="gw2 stack gw2f-455086 " style="color:#1a181b"></span><span class="gw2 stack gw2f-455088 " style="color:#bdbab9"></span></span>
<span class="gw2" title="Kompania Peknietego Rogu [RP]" style="width:256px; height:256px; font-size:256px;"><span class="gw2 stack gw2b-59638 flip" style="color:#1a181b"></span><span class="gw2 stack gw2hot-1301514 " style="color:#9d8e6c"></span><span class="gw2 stack gw2hot-1301516 " style="color:#370400"></span></span>

See more examples at http://gw2.properdave.com