# RPG Fonts for HomeBrewery

<style>
@font-face {
  font-family: 'Espruar';
  font-style: normal;
  font-weight: 400;
  src: local('Espruar'), local('Espruar-Regular'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/ESPRUAR") format('woff');
}
.espruar {
    font-family: Espruar;
}


@font-face {
  font-family: 'Dethek';
  font-style: normal;
  font-weight: 400;
  src: local('Dethek'), local('Dethek-Regular'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/DETHEK") format('woff');
}
.dethek {
    font-family: Dethek;
}

@font-face {
  font-family: 'Demonic';
  font-style: normal;
  font-weight: 400;
  src: local('Demonic'), local('Demonic-Regular'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/DEMONIC") format('woff');
}
.demonic {
    font-family: Demonic;
}
@font-face {
  font-family: 'Aetherian';
  font-style: normal;
  font-weight: 400;
  src: local('Aetherian'), local('Aetherian-Regular'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/Aetherian") format('woff');
}
.aetherian {
    font-family: Aetherian;
}

@font-face {
  font-family: 'dragonscript';
  font-style: normal;
  font-weight: 400;
  src: local('ES Dragon'), local('ES-Dragon-Regular'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/dragonScript") format('woff');
}
.dragonscript {
    font-family: "dragonscript";
}
@font-face {
  font-family: 'srilermorna';
  font-style: normal;
  font-weight: 400;
  src: local('srilermorna'), local('srilermorna'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/srilermorna") format('woff');
}
.srilermorna {
    font-family: "srilermorna";
}

@font-face {
  font-family: 'Lovecrafts-Diary';
  font-style: normal;
  font-weight: 400;
  src: local('Lovecrafts-Diary'), local('Lovecrafts-Diary'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/Lovecrafts-Diary") format('woff');
}
.lovecraftsDiary {
    font-family: "Lovecrafts-Diary";
}
@font-face {
  font-family: 'Zoran';
  font-style: normal;
  font-weight: 400;
  src: local('Zoran'), local('Zoran'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/Zoran") format('woff');
}
.zoran {
    font-family: "Zoran";
}
@font-face {
  font-family: 'Naga';
  font-style: normal;
  font-weight: 400;
  src: local('Naga'), local('Naga'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/Naga") format('woff');
}
.naga {
    font-family: "Naga";
}

@font-face {
  font-family: 'DemonicRunes';
  font-style: normal;
  font-weight: 400;
  src: local('DemonicRunes'), local('DemonicRunes-Regular'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/DemonicRunes") format('woff');
}
.demonicRunes {
    font-family: DemonicRunes;
}

@font-face {
  font-family: 'pulsian';
  font-style: normal;
  font-weight: 400;
  src: local('pulsian'), local('pulsian-Regular'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/pulsian") format('woff');
}
.pulsian {
    font-family: pulsian;
}

.pulsianIncrease {
    font-family: pulsian;
    font-size: 34px;
    font-weight: bold;
}

@font-face {
  font-family: 'RPG-Cuthulu';
  font-style: normal;
  font-weight: 400;
  src: local('RPG-Cuthulu'), local('RPG-Cuthulu-Regular'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/RPG-Cuthulu") format('woff');
}
.rpg-cuthulu {
    font-family: RPG-Cuthulu;
}

@font-face {
  font-family: 'galach';
  font-style: normal;
  font-weight: 400;
  src: local('galach'), local('galach-Regular'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/galach") format('woff');
}
.galach {
    font-family: galach;
}


@font-face {
  font-family: 'Daedra';
  font-style: normal;
  font-weight: 400;
  src: local('Daedra'), local('Daedra-Regular'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/Daedra") format('woff');
}
.daedra {
    font-family: Daedra;
}

@font-face {
  font-family: 'AncientHylian';
  font-style: normal;
  font-weight: 400;
  src: local('AncientHylian'), local('AncientHylian-Regular'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/AncientHylian") format('woff');
}
.ancientHylian {
    font-family: AncientHylian;
}


</style>

<div>
### Available Fonts
- ESPRUAR
- DETHEK
- DemonincRunes
- Aetherian
- dragonScript
- srilermorna
- Lovecrafts-Diary
- RPG-Cuthulu
- Naga
- pulsian
- galach
- Daedra
- AncientHylian




<br>
***Note:** Fonts take a bit to download as it's a free server, so the font changes may not show immediately on your page. Give it a bit...*



<br>
Here is style to load RPG fonts into Homebrewery. You can adjust the font sizes with styling.


### How to load/Style
<span style="font-family: 'Courier New';">
@font-face {<br>
&nbsp;&nbsp;&nbsp;&nbsp;font-family: 'ESPRUAR';<br>
&nbsp;&nbsp;&nbsp;&nbsp;font-style: normal;<br>
&nbsp;&nbsp;&nbsp;&nbsp;font-weight: 400;<br>
&nbsp;&nbsp;&nbsp;&nbsp;src: local('ESPRUAR'), local('ESPRUAR-Regular'), url("https://glacial-hamlet-73306.herokuapp.com/fonts/ESPRUAR") format('woff');<br>
}<br>
<br>
.espruar {<br>
&nbsp;&nbsp;&nbsp;&nbsp;font-family: ESPRUAR;<br>
}
</span>
</div>

## Font Samples
Below are examples of the available fonts.

<div>
### Espruar Font
<p class="espruar">ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>

<div>
### DETHEK Font
<p class="dethek">ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>

<div>
### DemonicRunes Font
<p class="demonicRunes">ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>

<div>
### Daedra Font
<p class="daedra">ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>


<div>
### Naga Font
<p class="naga">ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>

<div>
### dragonScript Font
<p class="dragonscript">ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>

<div>
### galach Font
<p class="galach">ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>

<div>
### pulsian Font
<p class="pulsian" >ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>

<div>
### AncientHylian Font
<p class="ancientHylian" >ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>

<div>
### RPG-Cuthulu Font
<p class="rpg-cuthulu">ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>

<div>
### srilermorna Font
<p class="srilermorna">ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>

<div>
### Aetherian Font
<p class="aetherian">ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>

<div>
### Lovecrafts-Diary Font
<p class="lovecraftsDiary">ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
</div>
<br>
<br>
## Sample Styling
Here is sample styling for the Pulsian font.
<div>
### pulsian Font (34px/Bold)
<p class="pulsianIncrease" >ABCDEFGHIJKLMNOPQRSTUVWXYZ-0123456789</p>
<span style="font-family: 'Courier New';">
.pulsianIncrease {<br>
&nbsp;&nbsp;&nbsp;&nbsp;font-family: pulsian;<br>
&nbsp;&nbsp;&nbsp;&nbsp;font-size: 34px;<br>
&nbsp;&nbsp;&nbsp;&nbsp;font-weight: bold;<br>
}
</span>
</div>

>  **Note:** *Some fonts do not have all characters.*