How to change wordpress page fonts

Install WordPress plugin WPW Content Styler 

Login as administrator and visit to the page you want to edit style and click on WPW Style Editor button

It will load editor tools widget

go to fonts.google.com and select a font you like 

It will open the page where you can copy code which will load fonts 

Copy the code pointed on the  screenshot above

Find “Additional Code” tab on Content Styler widget  and click on it

Find “Embed Head scripts” field and paste it there 

 

It is time to add font name to elements style 

Go back to fonts.google.com tab on your browser and find the right font name like on the sccreenshot bellow 

Cope only the part pointed on the above screenshot, without “font-family:” go back to your website to change font via the Content Styler widget , move mouse to the element you want and click on the menu item you prefer, mainly it is the first menu item 

It will open “Text” tab after click

Find “Font family” field and pase the font name you copied from fonts.google.com

It is is time to save changes. Find “Save” icon at the top of editor widget and move mouse on it, There are the following button

  • Publish style
  • Save as draft
  • Reset all changes

That is is, enjoy !!!

WPW Style Editor

Style Options

Move mouse over page elements then click on a appeared menu item to start styling the selected element


Stylesheet Name Actions
Selector depth In case of small number styles will be applied globally

Conditional logic

Create rules to apply styles only in case of partial or full match.

Condition Name Actions

Additional Code

Embed ready solutions

WPW Preview Resizable Window

WPW Style Editor