<link href="https://fonts.googleapis.com/css?family=Creepster|IM+Fell+DW+Pica+SC|Loved+by+the+King|New+Rocker|UnifrakturMaguntia" rel="stylesheet">

Testing using various fonts.



# this is the default text

# <span style="font-family: 'UnifrakturMaguntia', cursive;">This is 'UnifrakturMaguntia'</span>

# <span style="font-family: 'Loved by the King', cursive;">This is 'Loved by the King'</span>

# <span style="font-family: 'New Rocker', cursive;">This is 'New Rocker'</span>

# <span style="font-family: 'Creepster', cursive;">This is 'Creepster'</span>

# <span style="font-family: 'IM Fell DW Pica SC', serif;">This is 'IM Fell DW Pica SC'</span>

<div class='wide'>
Everything else can go here.

#### It all behaves as normal

## unless you add a span or div with a specified font

<div style="font-family: 'Loved by the King', cursive; font-size: 2em;">
Like this
</div>

### How, you may ask?

- Find the font you like at <a href="https://fonts.google.com/">Google Fonts</a>
- For each font you want to use in a single HomeBrew, click the "+" for the font (upper right of the font's description area-box-area container)
- Once all fonts are selected, click the bottom bar that says how many font families you've selected.
- Under Embed Font, select and copy the link code.
- Paste the link code into the very top of your homebrewery markdown editor.
- Where ever you want to use a Google Font, create a &lt;span&gt; or &lt;div&gt; HTML element.
- Add a style attribute to the element's tag.

NOTE: some of the HomeBrewery markdown changes the font. When that is the case, you must add a span after that item.



#### Examples:

&num; &lt;span style="font-family: 'Loved by the King', cursive;"&gt;This is 'Loved by the King'&lt;/span&gt;

Result: 
As demonstrated above

<br />
&lt;div style="font-family: 'Loved by the King', cursive;"&gt;

An entire paragraph of stuff could go here and it would just go on and on and on.

&lt;/div&gt;

Result: <div style="font-family: 'Loved by the King', cursive; font-size: 2em;">
An entire paragraph of stuff could go here and it would just go on and on and on.
</div>
</div>

### Additional Note on next page
If you don't want to use Google Fonts.

\page

<div class=wide>
### Additional Note
You don't have to use Google Fonts. You just have to have your font hosted somewhere.
The link tag that Google fonts provides is to a CSS stylesheet, and contains something like the following for each font:


@font-face {

  font-family: 'Creepster';
  
  font-style: normal;
  
  font-weight: 400;
  
  src: local('Creepster'), local('Creepster-Regular'), url(https://fonts.gstatic.com/s/creepster/v5/un014as1qOcrVg1hrkn_UVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


You could make a font file available on a server and either reference it in an external stylesheet just like google does, or embed the above type of info directly into a style tag in the Homebrewery markdown. Replace the url of Google's font with your font's url and set it to the right format.

</div>