So I am using a text block on my homepage (elitahair.com)… this is the code
<table style=”border: 0;”>
<tbody style=”border: 0;”>
<tr>
<td style=”border: 0; padding-right: 50px;”>[icon image="fa-star" character="" size="small" cont="no" float="none" color="icon-one"]</td>
<td style=”border: 0;”>
<h2 class=”impact-text” style=”text-align: left; padding-left: 0px;”><span style=”color: #00a196;”>Many hair products contain harmful ingredients such as sulfate and paraben which are proven to cause damage to your hair and scalp. </span></h2>
</td>
</tr>
<tr>
<td style=”border: 0;”>[icon image="fa-star" character="" size="small" cont="no" float="none" color="icon-one"]</td>
<td style=”border: 0;”>
<h2 class=”impact-text” style=”text-align: left; padding-left: 0px;”><span style=”color: #00a196;”>We at elita make it our policy to use only great natural ingredients without harmful chemicals.</span></h2>
</td>
</tr>
<tr>
<td style=”border: 0;”>[icon image="fa-star" character="" size="small" cont="no" float="none" color="icon-one"]</td>
<td style=”border: 0;”>
<h2 class=”impact-text” style=”text-align: left; padding-left: 0px;”><span style=”color: #00a196;”>Using elita products will keep your hair and scalp clean, healthy and beautiful!</span></h2>
</td>
</tr>
<tr>
<td style=”border: 0;”>[icon image="fa-star" character="" size="small" cont="no" float="none" color="icon-one"]</td>
<td style=”border: 0;”>
<h2 class=”impact-text” style=”text-align: left; padding-left: 0px;”><span style=”color: #00a196;”>All elita products are made in USA and are NOT tested on animals. Safe, healthy, natural, cruelty free! Give our products a try, we know you’ll love it!</span></h2>
</td>
</tr>
</tbody>
</table>
How can I change the font on just this box to a custom google font called handlee… it is in the list of fonts that the theme support but here is the link just in case
https://www.google.com/fonts#QuickUsePlace:quickUse/Family:Handlee
.