Jump to content


Photo
- - - - -

Referencing Google Fonts

google font reference post page custom

  • Please log in to reply
4 replies to this topic

#1 gigglingbob

gigglingbob

    Member

  • Members
  • 12 posts
  • LocationNairobi
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 08 November 2012 - 10:32 PM

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?

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 08 November 2012 - 11:20 PM

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

#3 gigglingbob

gigglingbob

    Member

  • Members
  • 12 posts
  • LocationNairobi
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 08 November 2012 - 11:28 PM

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

#4 gigglingbob

gigglingbob

    Member

  • Members
  • 12 posts
  • LocationNairobi
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 09 November 2012 - 12:19 AM

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.

#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 09 November 2012 - 12:51 AM

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?





Also tagged with one or more of these keywords: google, font, reference, post, page, custom