Font does not display in editor window, only on live site.

[Eric]

Hello!

I am trying to use the FREE google font called Finger Paint.
https://fonts.google.com/specimen/Finger+Paint
https://fonts.googleapis.com/css?family=Finger+Paint

The font loads fine into the system, no errors. But in the editor it is not showing the “font”. It only shows the font when the page is being viewed after its published, not during the editing of the page.

Google states to use
font-family: ‘Finger Paint’, cursive;

I am only wanting to add the font to my list of available fonts for use. I don’t want to set all my P, or H tags to that font.

If I select the text in the page editor and set to Finger Paint it stays the same font on the screen. For example it inserts this code:
<span style=”font-family: finger-paint; font-size: 14pt;”>Paula Dunn, Child Care Coordinator , Adventure Club,</span>

If I manually change the code as follows it works to show the actual font in the editor WYSIWYG window:
<span style=”font-size: 14pt; font-family: finger-paint,cursive;”>”The kids and the adults really enjoyed</span>
(note the CURSIVE)

So HOW do I get this font loaded into the site using your module while also specifying to use the “cursive” option?

[Eric]

Just to clarify…. The font does show in the font drop down selection. I can select it and apply to text. But it does not show the “visual” representation of the font. It seems to stay the same font when editing. I can see the font when the page is published, but other font changes show fine in the editor window.

[Author]

Posts