I don’t understand your question well, your font are the same. You could control your font-family like below.
<p class="contact-text" style="font-family: sans-serif;">For bookings, mailing list and anything else please fill in this form.</p>
The very last box below contact is using the newer styles.
[ms_column style="1/3" class="fa fa-3 fa-desktop" id=""]
[ms_heading style="none" color="" border_color="" text_align="center" font_weight="400" font_size="36px" font-family="Tahoma" margin_top="0" margin_bottom="0" border_width="5px" responsive_text="no" class="" id=""]Mailing List[/ms_heading]
<iframe class="widget_iframe" src="http://www.reverbnation.com/widget_code/html_widget/artist_4333576?widget_id=54&posted_by=artist_4333576&pwc[design]=default&pwc[background_color]=%23333333&pwc[size]=custom" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>
[/ms_column]
but the older one that looks like all the fonts is
<div class="one_third"><!-- Font Awesome Icon-->
<i class="fa fa-3 fa-desktop"></i>
<h3>Mailing List</h3>
<div class="widget_iframe" style="display: inline-block; width: 100%; height: 250px; margin: 0; padding: 0; border: 0;">
<iframe class="widget_iframe" src="http://www.reverbnation.com/widget_code/html_widget/artist_4333576?widget_id=54&posted_by=artist_4333576&pwc[design]=default&pwc[background_color]=%23333333&pwc[size]=custom" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>
<div class="footer_branding" style="margin-top: -5px; font-size: 10px; font-family: Arial;"><center><a style="text-decoration: none; color: #444;" href="http://www.reverbnation.com/band-promotion/how-to-sell-music-on-itunes?utm_campaign=a_features_distribution&utm_medium=widget&utm_source=HTML5_Fan_Collector&utm_content=widgetfooter_Sell music on Amazon at ReverbNation.com" target="_blank">Sell music on Amazon at ReverbNation.com</a></center></div>
</div>
</div>