MyListing Club

System Font Stack

Building better MyListing websites. One code snippet at a time.

Overview

The System Font Stack code snippet helps with the overall performance optimization of a MyListing website.

Our How to Switch to System Fonts and Boost MyListing Website Performance guide will show you how to easily implement this solution to build a faster website.

Implementation

  1. Grab the code snippet.
  2. Follow the provided instructions.
  3. Save your changes.
				
					//// INSTRUCTIONS: 
//// Copy and paste the code snippet below into Theme Tools > Theme Options > Custom Code > CSS.

--------------------------- CODE SNIPPET IS BELOW THIS LINE --------------------------- 

/* SYSTEM FONT STACK */
body {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
h1,h2,h3,h4,h5,h6 {
	font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}