The SiteOrigin Premium Web Font Selector is added to any instance of the TinyMCE editor this includes both the Visual tab in the Classic Editor and the Visual editing mode of the Classic Block in the Block Editor it also includes the core WordPress Text Widget. I am a lover of typography: the most powerful weapon of the Visual Designer, together with the colours. Siteorigin Premium Web Font Selector Field Once a font has been chosen, the available variants like regular and bold will be displayed in a separate drop-down menu next to the font drop-down. Alternatively, for widgets with existing content, highlight the text you’d like to change and then click the Select Web Font drop-down button to select the font family you’d like to use. Join the Early Bird list to get 40 off our Product Design course starting October 3. Your resource to discover and connect with designers worldwide. If you’re editing a newly inserted widget, click the Select Web Font drop-down button and select the font family you’d like to use before you start typing. Discover 3 Font Picker designs on Dribbble. The Web Font Selector is located on the top row of the TinyMCE editor, next to the Toggle Toolbar button. With the Web Font Selector Addon activated, go to the page you’d like to work on and insert a SiteOrigin Editor Widget into either Page Builder or a SiteOrigin Layout Block. Below is a small sample of the plugins, widgets, and locations you’ll find the TinyMCE editor: It also detects the services used for serving the web fonts. With this extension, you could inspect web fonts by just hovering on them. However, for others, this should not be necessary. The SiteOrigin Premium Web Font Selector is added to any instance of the TinyMCE editor. What is the easiest way to find out the fonts used in a webpage Firebug and Webkit Inspector are easy enough to use for developers. To make use of this addon, go to SiteOrigin Premium Addons, locate Web Font Selector and click Activate. This plugin integrates with the WordPress Customizer so you can. Optional: Page Builder by SiteOrigin Plugin A simple and easy way to add custom google fonts to any WordPress theme without coding.

Optional: SiteOrigin Widgets Bundle Plugin.Alternatively, for existing content, simply highlight the text and then choose the font of your choice. For content you haven’t yet written, the font family can be selected before typing. The SiteOrigin Premium Web Font Selector lets you choose from over 915 beautiful Google Web Fonts, right inside the SiteOrigin Editor Widget or any instance of the TinyMCE editor. If you’d like to select fonts independently from theme settings, the Web Font Selector is a perfect addition to your content creation and editing process.

Font picker plugin