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.

tombenner

Front-End Users is a WordPress plugin that prevents specified user roles from accessing the WordPress admin section (the pages in /wp-admin/), sets up a profile editing page on the front-end, and allows for customization of front-end user-specific pages. This allows you to hide all of the WordPress back-end from specified roles (e.g. Subscribers) and instead present to them a profile editing page (and, optionally, other user-specific pages) that have the same layout as the rest of the site. The front-end functionality is available to all roles, but you can choose which roles are able to access the WordPress admin section (by default, only Administrators have access to it).
Front-End Users also makes it easy to:
<ul>
<li>Display user-specific links that depend on the login state (e.g. “Sign in | Register”, “John | Sign out”, “John | Dashboard | Sign out”)</li>
<li>Change the URL of the profile editing page and other user-specific pages</li>
<li>Add other user-specific pages and display a menu of all of some of these pages</li>
<li>Determine whether the current user has access to the admin section</li>
</ul>
The documentation for the hooks is in <a href="http://github.com/tombenner/front-end-users/blob/master/example_hooks.php" rel="nofollow ugc">example_hooks.php</a>, and the documentation for the functions is in <a href="http://github.com/tombenner/front-end-users/blob/master/functions.php" rel="nofollow ugc">functions.php</a>.
If the <a href="https://wordpress.org/extend/plugins/user-avatar/" rel="ugc">User Avatar plugin</a> is also installed, the avatar-editing functionality it provides will be shown on the front-end user settings page.
If you’d like to grab development releases, see what new features are being added, or browse the source code please visit the <a href="http://github.com/tombenner/front-end-users" rel="nofollow ugc">GitHub repo</a>.

Front-End Users

Hides the WordPress admin section from specified user roles, allows users to edit their settings from the front-end, and more.

System Fonts vs Front-End Users