Jump to content
gigglingbob

Referencing Google Fonts

Recommended Posts

gigglingbob

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
Rob

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


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
gigglingbob

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

Share this post


Link to post
Share on other sites
gigglingbob

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
Rob

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?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • mtaus
      By mtaus+
      I'm trying to add a Careers page to a site to display job openings. The plan is to create a Post using a subcategory 'Careers' and then display those on the page. All of the post sections in PL seem to include images and there's no obvious way to remove them or include an excerpt from the post. 
      Any suggestions?
    • Borries
      By Borries+
      I know this is not an easy problem. Maybe there is a easy solution.
      I have tryed to uses the existing solution, that I have found in the forum
      I changed the colours of my nav (simple nav) and the hover effect (a. hover).
      I really tryed to highlight the active/used link in the nav but I cant figure it out.
      I want it to be black when active.
      Any help would be appreciated. Thanks.
      http://www.marcborries.de  nav link: "Sinn & Selbst" 
    • tuciudadenred
      By tuciudadenred+
      Hi everyone, what happens is that the web page metrosalarmas.com has a google tags which I have not attacked where I can look to remove those tags and be able to locate the correct ones.
    • Dan Haddock
      By Dan Haddock
      Hi Pagelines team and wider community,
      I am looking to develop a single post page for my blog. I have read over an old article on the subject, however the link provided on achieving this goal was giving me security warnings. Is there any way I can get round this?
      Secondly, I have had a root around the .zip file provided on my sites backup, however was unable to locate any file in there with the name of Single.php. Does this file exist in the Pagelines theme?
      By the way, this is the unsafe article: http://support.pagelines.me/docs/customization/create-a-custom-page-template/ (Click at your peril).
       
×