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.

gVectors Team

This plugin allows to display custom fields on posts/pages and other content types. Puts custom fields as a shortcode in post/page content. The easiest way to display custom fields with different beautiful views. wpView supports WordPress native custom fields and almost all popular custom field plugins, such as:
<ul>
<li><a href="https://wordpress.org/plugins/custom-field-suite/" rel="ugc">Custom Field Suite</a></li>
<li><a href="https://wordpress.org/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields</a></li>
<li><a href="https://wordpress.org/plugins/types/" rel="ugc">Toolset Types</a></li>
<li><a href="https://wordpress.org/plugins/wck-custom-fields-and-custom-post-types-creator/" rel="ugc">WordPress Creation Kit</a></li>
<li>Custom Content Type Manager</li>
</ul>
Custom Field Shordcode Examples
<pre><code>[wpview type="all"] - All custom fields in a single table
[wpview type="text" view="Country"]
[wpview type="textarea" title="Country" view="left_border"]
[wpview type="wysiwyg" title="Company Info" view="bordered_box"]
[wpview type="file" title="Documentation File" view="only_link"]

[wpview type="...." title="..." view="..."]
</code></pre>
wpView has nice views for almost all custom field types:
<ul>
<li>Number,</li>
<li>Email,</li>
<li>WYSIWYG,</li>
<li>Date,</li>
<li>Color,</li>
<li>Select,</li>
<li>Checkbox,</li>
<li>True/False,</li>
<li>Hyperlink,</li>
<li>User,</li>
<li>Relation (posts),</li>
<li>Page Link,</li>
<li>Post Object,</li>
<li>Images,</li>
<li>Audio,</li>
<li>Category,</li>
<li>Post Tag,</li>
<li>Google Map</li>
<li>etc…</li>
</ul>

Display Custom Fields – wpView

Inserts custom fields as shortcode. Allows to display custom fields with different views on front-end. Uses popular custom field creator plugins.

System Fonts vs Display Custom Fields – wpView