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.

Jonathan Desrosiers

Linchpin

Aaron Ware

Maxwell Morgan

Brian Fischer

Nate Allen

Courier Notices is a powerful WordPress plugin that allows you to create and display custom notices, alerts, and modals throughout your website. Perfect for announcements, promotions, warnings, or any important information you want to share with your visitors.
Key Features:
<ul>
<li>Easy Customization – Customize colors and icons with no coding required</li>
<li>Multiple Notice Types – Create different types of notices (Primary, Success, Alert, Warning, Feedback, Info)</li>
<li>Flexible Placement – Display notices in header, footer, as modals, or anywhere using CSS selectors</li>
<li>Dismissible Options – Choose whether notices can be dismissed by users</li>
<li>Modal Support – Create full-screen overlay popup notices</li>
<li>AJAX Loading – Compatible with caching plugins and CDNs</li>
<li>Developer Friendly – REST API endpoints and hooks for custom development</li>
</ul>
Perfect for: 
* Website announcements and updates 
* Promotional campaigns and special offers 
* Important warnings or maintenance notices 
* User feedback and success messages 
* Emergency alerts and notifications
Notice Types Include: 
* Primary – General information (#039ad6) 
* Success – Positive confirmations (#04a84e) 
* Alert – Important warnings (#f97600) 
* Warning – Critical alerts (#ea3118) 
* Feedback – Form responses (#8839d3) 
* Info – General information (#878787)
Placement Options: 
* Header – Displays at the top of the page 
* Footer – Fixed position at the bottom 
* Modal – Full-screen overlay popup 
* Custom – Use CSS selectors for specific placement
<h3>Shortcodes</h3>
Note: Shortcodes are deprecated in favor of blocks in the upcoming version 2.0
<pre><code>[courier_notice id="1"]
</code></pre>
Displays a Courier notice based on the Courier post ID, displays a flag to call out the notice as well.
Parameters:
<ul>
<li><code>id</code> – The ID of the notice to display</li>
</ul>

Courier Notices

Add dismissible and non-dismissible notices throughout your WordPress website with customizable colors, icons, and placement options.

System Fonts vs Courier Notices