Nilo Velez

System Fonts enqueues a stylesheet that lets you use the native font on each operating system and defines a system-ui css @font-face that you can use on the customizer, your theme’s settings or your own code.
<h4>Usage example</h4>
The Twenty Seventeen theme uses this css selector for the body text:
<pre><code>body, button, input, select, textarea {
 font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
</code></pre>
We are going to replace it with the default system font. 
In you WordPress site, go to <code>Appearance > Customize > Additional CSS</code> and paste this code
<pre><code>body, button, input, select, textarea {
 font-family: system-ui;
}
</code></pre>
Appart from them font-family, there are other font-properties available:
<ul>
<li>font-style: normal or italic;</li>
<li>font-weight: 300 (light), 400 (regular), 500 (medium), 700 (bold);</li>
</ul>
For example this is the code make an element’s text semibold and cursive:
<pre><code>#my-element {
 font-family: system-ui;
 font-weight: 500;
 font-style: italic;
}
</code></pre>

System Fonts

Enqueues a stylesheet that lets you use the native font on each operating system.

christopher.amirian

<h3>General Information</h3>
UIKIT WP Integrator is a plugin for integrating <a href="http://getuikit.com/" title="UIKIT" rel="nofollow ugc">UIKIT</a> front-end framework from <a href="http://yootheme.com/" title="Yootheme" rel="nofollow ugc">YOOTHEME</a>.
The plugin adds a menu item under Settings in Dashbpard called UIKIT Integrator which enables you to configure how you want the UIKIT framework integrated into your website front-end.
<code>UIKIT WP Intergrator</code> currently is using <code>UIKIT</code> version <code>2.8.0</code>
<h3>Here is the list of settings available:</h3>
<ul>
<li>
Please select the style of UIKIT you want to integrate
<ol>
<li>Gradient</li>
<li>Almost Flat</li>
<li>Flat </li>
</ol>
UIKIT can be added in 3 styles:
<ul>
<li>Gradient: Using CSS3 gradients and new state of the art codes to keep with modern standards </li>
<li>Almost Flat: Using mixture of flat and CSS3 stuff </li>
<li>Flat: No use of new CSS3 features, good for websites that want to support old browsers </li>
</ul>
</li>
<li>
Please select the desired addon you want to enable
<ol>
<li>Autocomplete</li>
<li>Datepicker</li>
<li>Form Password</li>
<li>Form Select</li>
<li>HTML Editor</li>
<li>Nestable</li>
<li>Notify</li>
<li>Pagination</li>
<li>Search</li>
<li>Sortable</li>
<li>Sticky</li>
<li>Timepicker</li>
<li>Upload</li>
</ol>
For more information about Addons please visit: <a href="http://www.getuikit.com/docs/addons.html" title="UIKIT ADDONS" rel="nofollow ugc">UIKIT ADDONS</a>
Please use links below for more information about each addon:
<ul>
<li><a href="http://www.getuikit.com/docs/addons_autocomplete.html" title="Autocomplete" rel="nofollow ugc">Autocomplete</a> </li>
<li><a href="http://www.getuikit.com/docs/addons_datepicker.html" title="Datepicker" rel="nofollow ugc">Datepicker</a></li>
<li><a href="http://www.getuikit.com/docs/addons_form-password.html" title="Form Password" rel="nofollow ugc">Form Password</a></li>
<li><a href="http://www.getuikit.com/docs/addons_form-select.html" title="Form Select" rel="nofollow ugc">Form Select</a></li>
<li><a href="http://www.getuikit.com/docs/addons_htmleditor.html" title="HTML Editor" rel="nofollow ugc">HTML Editor</a></li>
<li><a href="http://www.getuikit.com/docs/addons_nestable.html" title="Nestable" rel="nofollow ugc">Nestable</a></li>
<li><a href="http://www.getuikit.com/docs/addons_notify.html" title="Notify" rel="nofollow ugc">Notify</a></li>
<li><a href="http://www.getuikit.com/docs/addons_pagination.html" title="Pagination" rel="nofollow ugc">Pagination</a></li>
<li><a href="http://www.getuikit.com/docs/addons_search.html" title="Search" rel="nofollow ugc">Search</a></li>
<li><a href="http://www.getuikit.com/docs/addons_sortable.html" title="Sortable" rel="nofollow ugc">Sortable</a></li>
<li><a href="http://www.getuikit.com/docs/addons_sticky.html" title="Sticky" rel="nofollow ugc">Sticky</a></li>
<li><a href="http://www.getuikit.com/docs/addons_timepicker.html" title="Timepicker" rel="nofollow ugc">Timepicker</a></li>
<li><a href="http://www.getuikit.com/docs/addons_upload.html" title="Upload" rel="nofollow ugc">Upload</a></li>
</ul>
Please be advised that if you are already using WARP enabled Yootheme, theme you don’t need this plugin as UIKIT is already integrated for you
</li>
</ul>

UIKIT WP Integrator

Wordpress plugin for integrating UIKIT front-end framework from yootheme.com

System Fonts vs UIKIT WP Integrator