Expand typography example

Author: cwickham

docs/authoring/brand.qmd

@@ -277,11 +277,25 @@ typography:
 
 The options `base` and `headings` set the typographic style of the main text and headings respectively. 
 Use `links` to apply specific styles to links.
-The option `monospace` sets the typographic style of code in general, and `monospace-inline` and `monospace-block` can be further used to style code that appears inline and in blocks respectively.
+The option `monospace` sets the typographic style of code in general, and `monospace-inline` and `monospace-block` can be further used to style code that appears inline and in blocks respectively:
 
 ``` {.yaml filename="_brand.yml"}
-# More comprehensive example
-# inlcude styling code
+typography:
+  fonts:
+    - family: Jura
+      source: google
+    - family: Sono
+      source: google
+  base: Jura
+  headings: Jura
+  link:
+    decoration: underline
+  monospace: Sono
+  monospace-inline:
+    color: "#222222"
+    background-color: none
+  monospace-block: 
+    background-color: "#eef4f8"
 ```
 
 The fields allowed for each element differ, expand the callout below to see what is supported in each field.