Mix font faces

content/functions/imageConfig.md

@@ -16,10 +16,6 @@ relatedfuncs: []
 deprecated: false
 ---
 
-{{% warning %}}
-`imageConfig` does not currently work in Hugo. See [the related `imageConfig` issue](https://github.com/spf13/hugo/issues/2806).
-{{% /warning %}}
-
 `imageConfig` parses the image and returns the height, width, and color model.
 
 ```golang

content/templates/lookup-order.md

@@ -26,9 +26,9 @@ The power of the lookup order is that it enables you to craft specific layouts a
 Most Hugo websites will only need the default template files at the end of the lookup order (i.e. `_default/*.html`).
 {{% /note %}}
 
-## Single Page Template Lookup Examples
+## Template Lookup Examples
 
-The lookup order is best illustrated through examples. The following shows you the process Hugo uses for finding the appropriate template to render your [single content][], but the concept holds true for all templates in Hugo.
+The lookup order is best illustrated through examples. The following shows you the process Hugo uses for finding the appropriate template to render your [single page templates][], but the concept holds true for all templates in Hugo.
 
 1. The project is using the theme `mytheme` (specified in the project's [configuration][config]).
 2. The layouts and content directories for the project are as follows:
@@ -157,6 +157,8 @@ Here is the way Hugo traverses the single-page lookup order for `my-first-event.
 9. <span class="na">`/themes/<THEME>/layouts/events/single.html`</span>
 10. <span class="na">`/themes/<THEME>/layouts/_default/single.html`</span>
 
+## Lookup Orders
+
 The respective lookup order for each of Hugo's templates has been defined throughout the Hugo docs:
 
 * [Homepage Template][home]
@@ -175,7 +177,7 @@ The respective lookup order for each of Hugo's templates has been defined throug
 [rsslookup]: /templates/rss/#rss-template-lookup-order
 [sections]: /content-management/sections/
 [sectionlookup]: /templates/section-templates/#section-template-lookup-order
-[single content]: /templates/single-page-templates/
+[single page templates]: /templates/single-page-templates/
 [singlelookup]: /templates/single-page-templates/#single-page-template-lookup-order
 [switch]: https://en.wikipedia.org/wiki/Switch_statement#Fallthrough
 [taxonomylookup]: /templates/taxonomy-templates/#taxonomy-list-template-lookup-order

pipeline/scss/_variables.scss

@@ -67,6 +67,7 @@ $active-color: $default-anchor-color;
 $base-button-color: $hugo-blue;
 $base-button-text-color: $hugo-white;
 $button-border-radius: 3px;
+$button-font-family: 'muli';
 
 //Codeblocks
 
@@ -85,6 +86,7 @@ $code-block-background-color: $inline-code-background-color;
 $site-header-height:50px;
 $site-header-bg-color: #0A1922;
 $site-header-text-color: $hugo-white;
+$site-header-font-family: $heading-font-family;
 
 //Sidebar & Breadcrumb
 $site-navigation-width: 250px;
@@ -96,8 +98,6 @@ $breadcrumb-navigation-bg-color:$hugo-blue-ultra-light;
 $breadcrumb-navigation-bg-color-active:$hugo-blue;
 $breadcrumb-navigation-text-color-active:$hugo-white;
 
-
-
 //Toc
 $toc-bg-color:#ffffff;
 $toc-font-family:$heading-font-family;

pipeline/scss/components/_breadcrumb.scss

@@ -2,6 +2,7 @@
   list-style: none;
   display: inline-block;
   margin-top: 3px;
+  font-family:$heading-font-family;
   li {
     float: left;
     a {

pipeline/scss/components/_buttons.scss

@@ -10,6 +10,7 @@ a[role="button"] {
   box-shadow: none;
   text-align: center;
   @include card(1, 3);
+  font-family:$button-font-family;
 }
 
 //main navigation button

pipeline/scss/components/_table-of-contents.scss

@@ -215,6 +215,7 @@ nav#TableOfContents {
   vertical-align: middle;
   user-select: none;
   text-align: center;
+  font-family:sans-serif;
   > span {
     position:relative;
     bottom:2px;

pipeline/scss/layout/_site-header.scss

@@ -12,6 +12,7 @@
   top: 0px;
   left: 0px;
   z-index: 20;
+  font-family:$site-header-font-family;
   @include card(1);
   @include MQ(L) {
     justify-content: space-between;