Jump to content

Archived

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

Ryan Logan

Specify Google Font

Recommended Posts

Ryan Logan+    0
Ryan Logan

Hello all.  On this page, I've added a Text Box and I simply want to specify a Google Font within Text Content.

 

I've tried entering all of the following, with no luck.

 

  • <p style="font-family:Reenie Beanie G;">Plan</p>
  • <p style="font-family:Reenie Beanie;">Plan</p>
  • <p style="font-family: 'Reenie Beanie G';">Plan</p>
  • <p style="font-family: 'Reenie Beanie';">Plan</p>

Thank you.

Ryan

 

 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

The simplest way to add a specific font a word or part of a sentence is to use custom CSS like this:

 

.boom { font-family: 'Reenie Beanie', cursive; }

 

Now lets, say you have this sentence "Danny is super uber awesome, the dude is epic!" and you want this part to be using a different font "Danny is super uber awesome". Then on the text you want to use this font, just wrap like this:

 

"<span class="boom">Danny is super uber awesome</span>, the dude is epic!"

 

And thats pretty much it. Also, to use the font it is actually this:

 

font-family: 'Reenie Beanie', cursive;

 

Which you can find on this page - https://www.google.com/fonts#UsePlace:use/Collection:Reenie+Beanie

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Ryan Logan+    0
Ryan Logan

Thank you Danny.  The text is now getting the settings applied, that you helped me with.  However, the font does not look the way it shows in Global Settings > Typography and/or on the Google Font website.  Please see the link below.

 

https://app.box.com/s/4v5cfyj0gaq5ofixp860

 

 

Ryan

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Add the following to your custom scripts:

 

<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>

 

Its because you haven't got the font loaded. You can specify a any font, but DMS doesn't load the entire Google fonts library that would be insane, so if you want to use the CSS I have provided you need to make sure the font loads. Using the script above is the simplest method.

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Ryan Logan+    0
Ryan Logan

Thanks, I'm all set.  I agree that loading every Google Font would be insane.  Because DMS was able to display this particular Google Font "out of the box", I thought maybe it was already "loaded".

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

×