Archived

This topic is now archived and is closed to further replies.

  • 0

Referencing Google Fonts


Question

Posted · Report post

I'm trying to insert a heading on a page and instead of useing the sitewide defaults for the H1, H2, etc selectors, I would like to insert an inline style referencing a different google font.

I have installed the Pagelines googlefont plugin. I was under the assumption I just had to reference like this:

<h4 style="font-family: 'Nothing You Could Do', cursive;">Your Health, Our Mission</h4>

The site picks up the cursive, but doesn't get the correct Google font.

What am I doing wrong?

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

Try removing the single quotes around the first font's name.

Share this post


Link to post
Share on other sites

Posted · Report post

yeah tried that a few times as well, still no results

Share this post


Link to post
Share on other sites

Posted · Report post

so my only solution was to add the link ref for the specific google font to the header scripts section under custom code. I'm just curious why it doesn't automatically work the other way.

Share this post


Link to post
Share on other sites

Posted · Report post

It's possible another element was overriding the inline CSS. Perhaps the p.element. Could you perhaps wrap the <h4> tag in a div with a custom class and apply the font call by Custom Code > CSS rules?

Share this post


Link to post
Share on other sites