replace font-family declarations with mixins

.gitignore

@@ -2,3 +2,4 @@
 /vendor
 package-lock.json
 composer.lock
+*.css.map

sass/layout/_content-sidebar.scss

@@ -1,27 +1,27 @@
 .site {
-	display: grid;
+  display: grid;
-	grid-template-columns: auto ($size__site-sidebar);
+  grid-template-columns: auto ($size__site-sidebar);
-	grid-template-areas:
+  grid-template-areas:
-		"header header"
+    "header header"
-		"main sidebar"
+    "main sidebar"
-		"footer footer";
+    "footer footer";
 }
 
 .site-header {
-	grid-area: header;
+  grid-area: header;
 }
 
 .site-main {
-	grid-area: main;
+  grid-area: main;
-	overflow: hidden; /* Resolves issue with <pre> elements forcing full width. */
+  overflow: hidden; /* Resolves issue with <pre> elements forcing full width. */
 }
 
 .widget-area {
-	grid-area: sidebar;
+  grid-area: sidebar;
 }
 
 .site-footer {
-	grid-area: footer;
+  grid-area: footer;
 }
 
 @import "no-sidebar";

sass/mixins/_mixins-master.scss

@@ -1,7 +1,8 @@
 @mixin font-1($weight) {
   // see functions.php->google_fonts()
   // and functions.php->_s_scripts()
-  font-family: "Montserrat", sans-serif;
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   @if $weight == regular {
     font-weight: 400;
   } @else if $weight == bold {

sass/typography/_copy.scss

@@ -1,53 +1,53 @@
 p {
-	margin-bottom: 1.5em;
+  margin-bottom: 1.5em;
 }
 
 dfn,
 cite,
 em,
 i {
-	font-style: italic;
+  font-style: italic;
 }
 
 blockquote {
-	margin: 0 1.5em;
+  margin: 0 1.5em;
 }
 
 address {
-	margin: 0 0 1.5em;
+  margin: 0 0 1.5em;
 }
 
 pre {
-	background: $color__background-pre;
+  background: $color__background-pre;
-	font-family: $font__pre;
+  @include font-pre;
-	font-size: 0.9375rem;
+  font-size: 0.9375rem;
-	line-height: $font__line-height-pre;
+  line-height: $font__line-height-pre;
-	margin-bottom: 1.6em;
+  margin-bottom: 1.6em;
-	max-width: 100%;
+  max-width: 100%;
-	overflow: auto;
+  overflow: auto;
-	padding: 1.6em;
+  padding: 1.6em;
 }
 
 code,
 kbd,
 tt,
 var {
-	font-family: $font__code;
+  @include font-code;
-	font-size: 0.9375rem;
+  font-size: 0.9375rem;
 }
 
 abbr,
 acronym {
-	border-bottom: 1px dotted $color__border-abbr;
+  border-bottom: 1px dotted $color__border-abbr;
-	cursor: help;
+  cursor: help;
 }
 
 mark,
 ins {
-	background: $color__background-ins;
+  background: $color__background-ins;
-	text-decoration: none;
+  text-decoration: none;
 }
 
 big {
-	font-size: 125%;
+  font-size: 125%;
 }