Themeover

Ahrale

Jose Luis Cruz

<p>A light-weight yet powerful visual editor to customize the CSS styling of any aspect of your site, from Google fonts to responsive layouts. Microthemer caters for both coders and non-coders, and plays really well with page builders like Elementor, Beaver Builder, and Oxygen.</p>
<h4>Feature list</h4>
<ol>
<li>Style anything</li>
<li>Use with any theme or plugin</li>
<li>Point & click visual styling</li>
<li>Code editor (CSS, Sass, JS)</li>
<li>Sync code editor with the UI</li>
<li>Customisable breakpoints</li>
<li>HTML and CSS inspection</li>
<li>150+ CSS properties</li>
<li>Dark or light theme</li>
<li>Custom toolbar layouts</li>
<li>Work with any CSS unit</li>
<li>Color picker with palettes</li>
<li>Slider, mousewheel, keyboard adjustments</li>
<li>In-program CSS reference</li>
<li>History</li>
<li>Draft mode</li>
<li>Global or page-specific styling</li>
<li>Import & export</li>
<li>Light-weight</li>
<li>Minify CSS code</li>
<li>Keyboard shortcuts</li>
<li>Deep integration with Elementor, Beaver Builder, Oxygen</li>
<li>Multisite support</li>
<li>Uninstall MT, but keep your edits</li>
<li><strong>[Pro]</strong> CSS grid (drag & drop)</li>
<li><strong>[Pro]</strong> Flexbox</li>
<li><strong>[Pro]</strong> Stock SVG mask images</li>
<li><strong>[Pro]</strong> Transform</li>
<li><strong>[Pro]</strong> Animation</li>
<li><strong>[Pro]</strong> Transition</li>
</ol>
<h4>Lite VS Pro</h4>
<p>This lite version limits you styling 15 things, and doesn’t include the features marked [Pro] in the list above. To unlock the full program, you can <a href="https://themeover.com/" rel="nofollow ugc">purchase a license</a> (monthly, annual, or lifetime).</p>
<h4>Useful links</h4>
<ul>
<li><a href="https://themeover.com/" rel="nofollow ugc">Website</a></li>
<li><a href="https://themeover.com/introducing-microthemer-7/" rel="nofollow ugc">Video docs</a></li>
<li><a href="https://livedemo.themeover.com/setting-up-demo-site/?create_demo" rel="nofollow ugc">Live demo</a></li>
<li><a href="https://themeover.com/forum/" rel="nofollow ugc">Support forum</a></li>
<li><a href="https://www.facebook.com/groups/microthemer" rel="nofollow ugc">Facebook group</a></li>
</ul>
<h4>Author note</h4>
<p>Hello everyone, my name is Sebastian. I’ve designed Microthemer for developers as well as beginners. My aim is to level up beginners by exposing the CSS code Microthemer generates when using the visual controls. This is of course helpful for developers who may wish to make manual edits. Some developers use Microthemer as an in-browser CSS or Sass editor, and just lean on the interface for element selection or more advanced properties like filters, grid, and animation.</p>
<p>I’ve been happily developing Microthemer and supporting users of varying technical experience in my forum for many years now. I’m always ready to answer questions about the software and help out with CSS hurdles. Please don’t hesitate to get in touch!</p>


Microthemer Lite – Visual Editor to Customize CSS

A visual editor to customize the CSS styling of anything on your site - from Google fonts to responsive layouts.

DannyCooper

fontsplugin

googlefonts

<p>The <a href="https://fontsplugin.com/?utm_source=wporg&utm_medium=readme&utm_campaign=intro" rel="nofollow ugc">Google Fonts</a> library currently contains 1455 unique fonts. This plugin allows you to easily use any of them on your WordPress website.</p>
<p>You’re not stuck with one font for the entire website, you can easily choose one font for headings and another for your content.</p>
<p>It’s hard to know which font will look good on your website, that’s why we’ve included a live preview feature. That means you can test each font and see a live preview of how it will look with your content instantly.</p>
<p>Once you’ve found a combination you love, you can press save and make the changes publicly visible.</p>
<p>The full Google Fonts library can be found here – <a href="https://fonts.google.com" rel="nofollow ugc">Google Fonts</a></p>
<h4>Plugin Features</h4>
<ul>
<li><strong>Live Customizer Preview:</strong> Choose and preview fonts in real time using the WordPress Customizer.</li>
<li><strong>Over 1000+ Google Fonts</strong> to choose from.</li>
<li><a href="https://docs.fontsplugin.com/integrations/adobe-fonts" rel="nofollow ugc"><strong>Adobe Fonts (Typekit)</strong> integration.</a></li>
<li><a href="https://docs.fontsplugin.com/custom-font-uploads/custom-font-uploads/" rel="nofollow ugc"><strong>Upload Your Own Fonts.</strong></a></li>
<li>Works with any WordPress Theme. No coding required.</li>
<li>Easy One-Click Updates.</li>
<li>WooCommerce support.</li>
<li>Translation Ready.</li>
<li>SSL and HTTPS compatible.</li>
<li>Efficient Font Loading using a single request.</li>
<li><strong>SEO-Friendly</strong> (Search Engine Optimization).</li>
<li>Tested with <strong>PHP7</strong> and <strong>PHP8</strong>.</li>
<li>Selective Font Loading.</li>
<li>Preconnect Resource Hints.</li>
<li>Host Google Fonts Locally.</li>
<li>Font Size, Weight, Color and Line Height Typography Settings.</li>
</ul>
<blockquote>
<p>Note: some features are Premium. Which means you need to upgrade to unlock those features. You can upgrade here: <a href="https://fontsplugin.com/pro-upgrade/?utm_source=wporg&utm_medium=readme&utm_campaign=upsell" rel="nofollow ugc">Fonts Plugin Pro</a></p>
</blockquote>
<p><a href="https://fontsplugin.com/free-vs-pro/" rel="nofollow ugc">A comparison of free and pro features.</a></p>
<h4>Plugin Compatibility</h4>
<p>Fonts Plugin will work with all WordPress themes and has been specifically tested with the following:</p>
<h4>Plugins</h4>
<ul>
<li><a href="https://docs.fontsplugin.com/integrations/elementor/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">Elementor</a></li>
<li><a href="https://docs.fontsplugin.com/integrations/divi-builder/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">Divi Builder</a></li>
<li><a href="https://docs.fontsplugin.com/integrations/beaver-builder/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">Beaver Builder</a></li>
<li><a href="https://docs.fontsplugin.com/integrations/wpbakery/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">WPBakery</a></li>
</ul>
<h4>Themes</h4>
<ul>
<li>All StudioPress and Genesis Themes</li>
<li>Twenty Seventeen</li>
<li>Twenty Nineteen</li>
<li>Twenty Twenty</li>
<li>ThemeGrill</li>
<li>LyraThemes</li>
<li>ThemeIsle</li>
</ul>
<h3>Further Reading</h3>
<p>For more info on Fonts Plugin, check out the following:</p>
<ul>
<li><a href="https://docs.fontsplugin.com/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://fontsplugin.com/font-combinations/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">Font Combinations</a></li>
<li><a href="https://fontsplugin.com/google-fonts-checker/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">Google Fonts Checker</a></li>
<li><a href="https://fontsplugin.com/wordpress-google-fonts/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">How to Use Google Fonts in WordPress</a></li>
</ul>
<h4>Bugs</h4>
<p>If you find an issue with Fonts Plugin, let us know <a href="https://wordpress.org/support/plugin/olympus-google-fonts#new-post" rel="ugc">here</a>!</p>
<h4>Fonts Plugin Gutenberg Block</h4>
<p>Add some flair to your content with our new Gutenberg block.</p>
<ul>
<li>1000+ Google Fonts available in the editor.</li>
<li>Font size, variant and line-height settings.</li>
<li>Text-align: left, right or center.</li>
<li>Adobe Fonts (Typekit) support.</li>
</ul>
<h4>Contributions</h4>
<p>Anyone is welcome to contribute to Fonts Plugin.</p>
<p>There are various ways you can contribute:</p>
<ol>
<li>Raise an <a href="https://wordpress.org/support/plugin/olympus-google-fonts#new-post" rel="ugc">Issue</a></li>
<li>Translate the Fonts Plugin into <a href="https://translate.wordpress.org/projects/wp-plugins/olympus-google-fonts/" rel="nofollow ugc">different languages</a></li>
<li>Provide feedback and suggestions on <a href="https://wordpress.org/support/plugin/olympus-google-fonts#new-post" rel="ugc">enhancements</a></li>
</ol>


Fonts Plugin | Use Google Fonts, Adobe Fonts or Upload Fonts

Have removed the loading of Google Fonts from my own theme and was looking for an alternative. Found the Fonts Plugin and all I can say it's easy to use. It hooks into commonly used CSS id/class selectors, so plugin works well with many themes. Free version has enough options for me, but to host fonts local (GDPR) you must buy the PRO version. Great support from developer as well.

Guido

Great and easy to use fonts plugin

Muito bom!!

The easiest to customize fonts in WordPress. Optimized for Speed. 1000+ font choices. Supports Google Fonts, Adobe Fonts and Upload Fonts.

Microthemer Lite – Visual Editor to Customize CSS vs Fonts Plugin | Use Google Fonts, Adobe Fonts or Upload Fonts