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

    • 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).
       
    • Barnaby Skinner
      By Barnaby Skinner+
      Hey all, hope I worded the topic correctly!
      I just need to know if either 1) I'm making a mistake or 2) this could be set as a new feature?
      Using the global settings typography parameters, I have a global paragraph font type (set using googlefonts) and have set the style to align:justify. When laying out <p> text inside a simple TEXT module, the <p> text adheres to both the font type and justification. Perfect.
      Now, when I set <p> text inside the PARAGRAPH TEXT field within an ELEMENT module, the <p> text adheres to the font type, but not the justification. It's rather annoying as I like to fully justify para text across the board and tend to use Element modules instead of text boxes for various reasons. It also seems silly that some PARAGRAPH TEXT fields adopt global settings, whilst other don't.
      Or I'm doing it wrong :S
      Any help or advice is much appreciated!
      Cheers
×