Adding Google Fonts for use in text area

Forums » WordPress » Mantra » How To

  • Author
    Posts
  • December 26th, 2013 at 19:18 #15055
    Rick H

    Have a need to add a Google font for use in a post text area (not necessarily use in any ‘text’ settings screen).

    This needs to be added in the ‘head’ area

    <link href=’http://fonts.googleapis.com/css?family=Alegreya+SC&#8217; rel=’stylesheet’ type=’text/css’>
    or
    @import url(http://fonts.googleapis.com/css?family=Alegreya+SC);

    Neither can be added in the Custom CSS area of the Misc screen; it is stripped off.

    Where should this command be added? Or will it have to be inserted manually in the theme files?

    THanks..Rick…

    • This topic was modified 10 years ago by Zed. Reason: moved to the proper location
    January 4th, 2014 at 17:28 #15441
    Zed
    Cryout Creations mastermind

    @import url(http://fonts.googleapis.com/css?family=Alegreya+SC)
    should work just fine in the Custom CSS field.
    Then use font-family: "Alegreya SC";

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    January 5th, 2014 at 05:22 #15464
    Rick

    Thanks. That worked (of course).

    But the added GOogle font is not in the editor screen (using TinyMCE Advanced) in the font drop-down.

    Is there any way to add Google Fonts that will also be available/seen in the Page/Post visual editor?

    THanks…Rick…

    February 5th, 2014 at 11:44 #21584
    auto insurance young peoples

    Ya learn something new everyday. It’s true I guess!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Adding Google Fonts for use in text area’ is closed to new replies.