louisreingold

<p>Use Elegant Custom Fonts with Beaver Builder and Beaver Builder Theme.</p>


Custom Fonts For Beaver Builder

A simple solution for self-hosted custom fonts with Beaver Builder. https://www.youtube.com/watch?v=UU6IYikNPuI

opicron

<p>Easy font edit as they appear in the front- and back- end of the website.</p>
<p>Features</p>
<ul>
<li>Autoloads generated @font-face packages</li>
<li>Fully compatible with most browsers</li>
<li>Fully CSS solution ? No Javascript required</li>
<li>Auto generates classes for the autoloaded fonts</li>
<li>Includes the required CSS files in TinyMCE editor</li>
<li>Auto creates TinyMCE @font-face styles</li>
<li>Additional CSS possibities through dashboard settings</li>
<li>All above auto options can be managed in the dashboard</li>
</ul>
<h3>Settings</h3>
<h4>Load in admin</h4>
<p>When ticked the plugin will load the necessary CSS in the dashboard so you are<br />
able to replace fonts inside the administrational area. Not to confuse with<br />
the TinyMCE area which is another option!</p>
<h4>Load CSS in tinyMCE</h4>
<p>When ticked the plugin will autoload the required CSS in the WordPress TinyMCE<br />
editor. When additional CSS options are selected these will also be included.</p>
<h4>Generate CSS class for each font</h4>
<p>The ease of use of this plugin is mainly because of this option. When ticked<br />
the plugin will generate a CSS classname for using the autoloaded font. The<br />
font family name is read from the font generated package.</p>
<p>The class name which is generated is the folder in which the font is placed.<br />
For the font-family CSS code this plugin automatically parses the generated<br />
CSS code from fontsquirel.</p>
<h4>Load generated CSS class(es) to tinyMCE styles</h4>
<p>If ticked the plugin will add the autogenerated class(es) to the style<br />
dropdown box of TinyMCE.</p>
<h4>Additional CSS</h4>
<p>With the additional CSS textarea you are able to manually add CSS elements<br />
to the plugin. These will be loaded together with the selected options if<br />
preferred. Meaning you are able to change the front-end headers or even the<br />
dashboard fonts easily.</p>


WP font-face

CSS @font-face font replacement for Wordpress

Custom Fonts For Beaver Builder vs WP font-face