[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 11 years ago by Zed. Reason: moved to the proper location

[Zed]

@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.

[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…

[auto insurance young peoples]

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

[Author]

Posts