Typography on Sites.temple.edu

Here on Sites, we offer different ways for a user to change the typography on their site. In this article, we will go through the different methods to do so.

 

What is Typography?

Web typography refers to the use of fonts on the World Wide Web. When HTML was first created, font faces and styles were controlled exclusively by the settings of each web browser.

With WordPress, you have the ability to change these settings in a handful of different ways.

 

How to Change Font Size, Color, Family & Style in Elementor Page Builder

Many Elementor Widgets offer the ability to edit text color and typography settings. These design options are located in the widgets’ Style tab.

Style

Text Color: Choose the color of your text

Under the Widget Setting > Style, click the icon to access the typography settings.

Typography

1. Family – Choose your font family
2. Size – Choose a size for your font
3. Weight – Choose the weight of the font
4. Transform – Choose the Transform properties for the font
5. Style – Choose between Normal, Italic, and Oblique
6. Decoration – Choose the text Decoration
7. Line-Height – Use the slider to set your line-height
8. Letter Spacing – Use the slider to set your letter spacing

 

 

 

How To Change Font In Gutenberg Editor and Classic Editors.

 

• The first step is to navigate to the ‘plugins‘ tab on the menu.

• once in the plugins menus, search for ‘Easy Google Fonts‘ and click the ‘activate‘ button underneath it.

 

 

• Now, go to Appearance → Customise to change font in Gutenberg Editor.

• Click on Typography and to change Content font go to Default Typography → Paragraphs

 

• Now, under Paragraphs, choose the font family you want.
• You can change the font family by clicking on the Edit Font dropdown arrow and then clicking on Font Family dropdown arrow.
• Once done click the Blue ‘Publish‘ button in the top right corner of the menu.