Google Font for a single text block

[hamlik2002]

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

[Kyle – SUPPORT]

Hi

If the font is not called in the head you can’t use it, which it won’t be if you haven’t chose it for any of your fonts. The only way would be to copy and paste this into the head section of header.php

<link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>

– Kyle

[hamlik2002]

Thank you Kyle! it worked perfectly!

One more question…? When the theme gets updated… will this line of code be erased?

[Kyle – SUPPORT]

You would need to use a child theme and save header.php to your child theme

– Kyle

[hamlik2002]

Okay I have the child theme up and running! Thank you again! 😀

[Kyle – SUPPORT]

Yes

– Kyle