Add preview of Cabin and Noto Sans fonts and typo fixes

man/fragments/_colors.Rmd

@@ -4,7 +4,7 @@ beyond those used in the accent colors of the mono and duotone styles.
 
 The `style*()` functions in xaringanthemer
 include a `colors` argument that lets you 
-quickly define a additional colors to use in your slides.
+quickly define additional colors to use in your slides.
 This argument takes a vector of named colors
 
 ```r

man/fragments/_fonts.Rmd

@@ -2,14 +2,42 @@
 
 [google-fonts]: https://fonts.google.com
 
+<link href="https://fonts.googleapis.com/css2?family=Cabin:wght@600&family=Noto+Sans&display=swap" rel="stylesheet">
+
+```{css echo=FALSE}
+.cabin {
+  font-family: Cabin;
+  font-weight: 600
+}
+.noto-sans {
+  font-family: 'Noto Sans';
+}
+.font-preview {
+  padding: 1em;
+  margin-top: 1em;
+  margin-bottom: 1em;
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+  font-size: 1.25em;
+}
+```
+
 ### Default Fonts
 
-**xaringanthemer** by default uses a different set of default fonts for heading and body fonts. 
-The new defaults use 
+The default heading and body fonts used in **xaringanthemer**
+are different than the xaringan default fonts.
+In xaringanthemer,
 [Cabin](https://fonts.google.com/specimen/Cabin)
-for headings and 
+is used for headings and 
 [Noto Sans](https://fonts.google.com/specimen/Noto+Sans)
-for body text. 
+for body text.
+
+<div class="font-preview">
+<p style="font-size: 1.5em" class="cabin">A Cabin in the Clearing</p>
+<p class="noto-sans">Pack my box with five dozen liquor jugs. Amazingly few discotheques provide jukeboxes.</p>
+</div>
+
+
 These fonts are easier to read on screens and at a distance during presentations, 
 and they support a wide variety of languages and weights. 
 Another reason for the change is that the xaringan (remarkjs) default body font, 

vignettes/xaringanthemer.Rmd

@@ -25,18 +25,13 @@ img { max-width: 100%; }
 [xaringan]: https://github.com/yihui/xaringan
 [remarkjs]: https://github.com/gnab/remark
 
-```{r toc, results='asis', echo=FALSE, message=FALSE, eval=FALSE}
-devtools::source_gist("c83e078bf8c81b035e32c3fc0cf04ee8", filename = 'render_toc.R')
-x <- render_toc("README.Rmd", toc_depth = 3)
-gsub("    -", "-", sub("^-.+?\n", "", x))
-```
-
 Jump to: 
 [Quick Intro](#quick-intro), 
 [Themes](#themes), 
 [Theme Settings](#theme-settings), 
-[Adding Custom CSS](#adding-custom-css), 
-[Fonts](#fonts)
+[Fonts](#fonts),
+[Colors](#colors),
+[Adding Custom CSS](#adding-custom-css)
 
 ## Quick Intro