Rosua

Joshua Gugun Siagian

<h3>Yabe Webfont: the #1 Self-hosted Google Fonts and Custom Fonts Manager for WordPress</h3>
<p>Yabe Webfont is a GDPR-friendly font WordPress plugin made for designers and developers that is advanced, easy to use, and intuitive to give you complete control over your fonts and typography in WordPress.</p>
<h3>FEATURES</h3>
<p>Yabe Webfont is packed full of features designed to streamline your workflow. Some of our favorites are:</p>
<ul>
<li><strong>GDPR / DSGVO friendly</strong>: You can import/self-host Google Fonts files from your server through your WordPress admin page. Fewer reasons to worry about GDPR / DSGVO compliance.</li>
<li><strong>Google Fonts and Adobe Fonts ready</strong>: Start using any available fonts on Google Fonts and Adobe Fonts.</li>
<li><strong>Custom Fonts</strong>: A dedicated custom fonts manager for WordPress. The central place to manage all your fonts and typography.</li>
<li><strong>Easy to use</strong>: Add custom fonts to your WordPress site with a simple and intuitive interface. No coding knowledge is needed. You can upload the font files using the WordPress media uploader. No FTP is required.</li>
<li><strong>Fine-tuning</strong>: Complete control over your fonts and typography. On 90% of use cases, the default one is good to go.</li>
<li><strong>Lightweight and blazingly fast</strong>: The font management system uses WordPress REST API and a modern JavaScript framework for an instant, responsive user experience. The front page cache ensures fast loading and reduces database queries.</li>
<li><strong>Variable Fonts support</strong>: The format allows a single font file to contain multiple stylistic variations.</li>
<li><strong>Multisite support</strong>: The plugin is compatible with WordPress Multisite (Activate the plugin on the site level).</li>
</ul>
<h3>SEAMLESS INTEGRATION</h3>
<p>The font must be available for use across different platforms. Yabe Webfont is famous for seamlessly integrating with the most popular visual/page builders:</p>
<ul>
<li><a href="https://builderius.io/?referral=afdfca82c8" rel="nofollow ugc">Builderius</a></li>
<li><a href="https://wordpress.org/plugins/classic-editor/" rel="ugc">Classic Editor</a></li>
<li><a href="https://be.elementor.com/visit/?bta=209150&brand=elementor" rel="nofollow ugc">Elementor</a></li>
<li><a href="https://generatepress.com/?ref=7954" rel="nofollow ugc">GeneratePress</a></li>
<li><a href="https://wordpress.org/gutenberg" rel="ugc">Gutenberg Blocks and Site Editor</a></li>
<li><a href="https://kadencewp.com" rel="nofollow ugc">Kadence WP</a></li>
<li><a href="https://pinegrow.com/wordpress" rel="nofollow ugc">Pinegrow</a></li>
<li><a href="https://www.wpbeaverbuilder.com/" rel="nofollow ugc">Beaver Builder</a> <strong>[Pro]</strong></li>
<li><a href="https://creativethemes.com/blocksy" rel="nofollow ugc">Blocksy</a> <strong>[Pro]</strong></li>
<li><a href="https://breakdance.com/ref/165/" rel="nofollow ugc">Breakdance</a> <strong>[Pro]</strong></li>
<li><a href="https://bricksbuilder.io/" rel="nofollow ugc">Bricks</a> <strong>[Pro]</strong></li>
<li><a href="https://cwicly.com/?ref=suabahasa" rel="nofollow ugc">Cwicly</a> <strong>[Pro]</strong></li>
<li><a href="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47622" rel="nofollow ugc">Divi</a> <strong>[Pro]</strong></li>
<li><a href="https://wordpress.org/plugins/slingblocks/" rel="ugc">FunnelKit/SlingBlocks</a> <strong>[Pro]</strong></li>
<li><a href="https://greenshiftwp.com/" rel="nofollow ugc">Greenshift</a> <strong>[Pro]</strong></li>
<li><a href="https://oxygenbuilder.com/" rel="nofollow ugc">Oxygen</a> <strong>[Pro]</strong></li>
<li><a href="https://www.sliderrevolution.com/" rel="nofollow ugc">Slider Revolution</a> <strong>[Pro]</strong></li>
<li><a href="https://wpspectra.com/" rel="nofollow ugc">Spectra</a> <strong>[Pro]</strong></li>
<li><a href="https://yellowpencil.waspthemes.com/" rel="nofollow ugc">YellowPencil</a> <strong>[Pro]</strong></li>
<li><a href="https://zionbuilder.io/" rel="nofollow ugc">Zion Builder</a> <strong>[Pro]</strong></li>
</ul>
<p>Visit <a href="https://webfont.yabe.land" rel="nofollow ugc">our website</a> for more information.</p>
<h4>Love Yabe Webfont?</h4>
<ul>
<li>Purchase the <a href="https://webfont.yabe.land" rel="nofollow ugc">Pro version</a></li>
<li>Join our <a href="https://www.facebook.com/groups/1142662969627943" rel="nofollow ugc">Facebook Group</a></li>
<li>Or rate us on <a href="https://wordpress.org/support/plugin/yabe-webfont/reviews/?filter=5/#new-post" rel="ugc">WordPress</a></li>
</ul>
<h4>Credits</h4>
<ul>
<li>Image by <a href="https://www.flaticon.com/free-icon/windmill_5137991?related_id=5137991" rel="nofollow ugc">Freepik</a> on Flaticon</li>
</ul>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/uMj0x0ucnOw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/A0JZzEVIUzQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>


Yabe Webfont – Use Custom Fonts, Google Fonts or Adobe Fonts


Nice plugin, it does what is describes and the developer is very supportive !!


Excellent job !!

Easy self-host Google Fonts, Adobe Fonts support, or upload custom fonts in WordPress. Integrated into the most popular themes and page builders.

kontur.us

<p>We are going wild with the fonts in the Gutenberg RichText editor toolbar. Change font family and/or size on each word or even a single letter – just as you like! This one is for the font-lovers. You can set up to 5 fonts. And even can set CSS-classes you want them as well to be applied to. In addition, you can specify, name and select up to 4 font weights and font sizes.</p>
<p>Take a walk on the wild font side</p>
<ul>
<li><strong>add up to 5 custom fonts to your editor blocks</strong> (Gutenberg)</li>
<li>set your individual CSS-classes you want those fonts to be applied to </li>
<li>set <strong>up to 4 individual font sizes</strong></li>
<li>set <strong>up to 4 different font weights</strong></li>
<li>fonts and sizes can be even applied to a single word OR even single letters!</li>
</ul>
<h3>Font family</h3>
<p><strong>Change the font for individual words, phrases or even letters inline in the Gutenberg editor.</strong><br />
This works automatically for most blocks <em>(“Paragraph Block”, “Heading Block”…)</em>.<br />
On the settings page you can activate up to 5 fonts and give them friendly names. And at the same time enter several CSS classes to which these fonts should be assigned.<br />
<em>Being able to name the fonts can be very handy for the other editors on your site as they rarely know the font names, only where they are used most of the time. So you could just name your heading font “our headings” etc. for easier work.</em></p>
<h3>Font size</h3>
<p><strong>Up to four font sizes can be set.</strong><br />
The font sizes can also be named to make it easier for editors to use in the Gutenberg editor.</p>
<p>The font size is calculated as a percentage of the base font size. Changing a font size setting on the settings page will change that font size across the site.</p>
<p>Font sizes can be assigned inline in the editor to sentences, words or even individual letters.</p>
<h3>Font weight</h3>
<p>Set up to 4 different font weights from 200 to 900 and give the font weights their own names to make them easier for editors to use. Example: You could call the font weight 900 <em>“supder-duper bold”</em>. Just be creative, it’s your backend!</p>
<h3>Demo</h3>
<p>Want to play around with it?<br />
Check the<br />
<a href="https://playground.wordpress.net/?blueprint-url=https%3A%2F%2Fwordpress.org%2Fplugins%2Fwp-json%2Fplugins%2Fv1%2Fplugin%2Fkontur-font-o-mat%2Fblueprint.json%3Furl_hash%3De9ae0e399a1597d01f2040a9b7b5a627" rel="nofollow ugc">Demo on WordPress Playground</a></p>
<blockquote>
<p><strong>Want more</strong><br />
    Please get involved and send uns your ideas. Via email or on the WordPress support page 🙂</p>
</blockquote>
<p><strong>Uninstalling</strong></p>
<p>This plugin cleans up after itself. All plugin settings will be removed from your database when the plugin is uninstalled via the Plugins screen.</p>


kontur font-o-mat

Going wild with fonts on Gutenberg editor!

Yabe Webfont – Use Custom Fonts, Google Fonts or Adobe Fonts vs kontur font-o-mat