GFK Q2 new content [not final] (#4854)

* Setting up the 3 new modules, w/ “TBC” content + metadata

* Correcting “Advancing type” title

* Adding `installing_and_managing_fonts` article without formatting

* Adding new Glossary content (without formatting)

* Adding new `legibility` & `readability` entries

* Removing `legibility_readability` entry

* Removing image files from `installing_and_managing_fonts`

* Adding placeholder articles for `history_of_type` module

* Adding placeholder articles for `advancing_type` module

* Adding pleceholder articles for `typography_in_vr_and_ar` module

* Adding `ar_vr` topic

* Re-ordering “VR & AR” to “AR & VR”

* Adding formatting to `counter` glossary term

* Adding formatting to `icon_symbol` glossary term

* Adding formatting to `icon_font` glossary term

* Adding formatting to `material_symbols` glossary term

* Adding formatting to `parametric_font` glossary term

* Adding formatting to `legibility` glossary term

* Adding formatting to `readability` glossary term

* Basic content (no formatting) for `fitting_the_line`

* Basic content (no formatting) for `justification_hyphenation`

* Basic content (no formatting) for `the_tight_not_touching_style`

* Homepage module ordering

* Images files for `fitting_the_line`

* Image files for `justification_hyphenation`

* Image files for `the_tight_not_touching_style`

* Image files for `installing_and_managing_fonts`

* Image files for new glossary terms

* Renaming all glossary images to `thumbnail`

* Inserting `figure` element into all new glossary terms

* Adding image files into `installing...` article (alt text TBC)

* Updating slug & module name for `Using type in AR & VR`

* Adding content for 1st AR/VR article

* Article ordering within module

* Adding `Andrew Johnson` and `Niteesh Yadav` as contributors

* Adding content for 2nd AR/VR article

* Adding content for 3rd AR/VR article

* Adding content for 4th AR/VR article

* Adding content for 5th AR/VR article

* Adding content for 6th + 7th AR/VR articles

* Combining and reordering articles

New order:

Introducing + Text in 3D Space (1+3)
Designing for + How fonts work (2+5)
Type Selection (7)
Spacial Classification (4)
Technical Challenges (6)

* Changes to content after reordering

* Copy tweaks to intro AR article

* Renaming 1st AR/VR article

* Updating article name in module listing

* Adding all AR/VR illustrations (as PNGs for now)

* Placing images and updating captions

* HTML-izing links within figcaptions

* Removing Niteesh research line

* 3 × excerpts for the new modules

* Images, links, and proper markup for “Fitting the line”

* Images, links, and proper markup for “Justification & hyphenation”

* Images, links, and proper markup for “The tight not touching style”

* Actioning additional copy tweaks from Sarah on “Fitting...”

* New AR/VR illustrations

* Updating illustration order + copy tweaks

* Initial markup + metadata for all 3 `advancing_type` articles

* Article ordering within module

* Full metadata for `advancing_type` articles

* Sarah’s copy for `history_of_type` module excerpt

* Removing empty `reviewers:` field from DB’s articles

* Minor copy edit for module excerpt

* Typo fix

* Final AR/VR copy /img order tweaks after Joost feedback

* Changing all `VR/AR` instances to `AR/VR`

* Converting illo to table markup

* Turning all “see article X” instances into actual titles & correct links

* Adding prev/next lessons into AR/VR metadata

* Adding new (and vector-based) `thumbnail.svg` images

* Correcting illustration ordering by updating filenames

* Adding `alt_ids: "legibility_readability"` to fix errors

* Fix attempt: `INSERT_URL` > `https://inserturl.com`

* Fix GFK graph checks.

There were a few bad links left in the content.md files.

* Fix one last broken reference to /glossary/legibiility

Co-authored-by: nathan-williams <nlw2sx@virginia.edu>

cc-by-sa/knowledge/contributors.textproto

@@ -1,3 +1,7 @@
+contributors {
+  name: "Andrew Johnson"
+  personal_site: "https://www.aetherpoint.com/"
+}
 contributors {
   name: "Bram Stein"
   personal_site: "https://www.bramstein.com"
@@ -10,6 +14,10 @@ contributors {
   name: "Dave Crossland"
   personal_site: "https://twitter.com/davelab6"
 }
+contributors {
+  name: "David Berlow"
+  personal_site: "https://www.typenetwork.com"
+}
 contributors {
   name: "David Brezina"
   personal_site: "https://rosettatype.com"
@@ -82,6 +90,10 @@ contributors {
   name: "Mike Kus"
   personal_site: "https://www.mikekus.com/"
 }
+contributors {
+  name: "Niteesh Yadav"
+  personal_site: "https://niteeshyadav.com/"
+}
 contributors {
   name: "Richard Rutter"
   personal_site: "https://clagnut.com"

cc-by-sa/knowledge/glossary/terms/body/content.md

@@ -7,4 +7,4 @@ Body refers to either the main [text](/glossary/text_copy) in a piece of content
 
 </figure>
 
-Whether text is set in an actual “body” optical size or not (as optical sizes are not present in the vast majority of fonts), the body is usually the portion of the overall content that requires traits often found in that optical size: a focus on [legibility](/glossary/legibility_readability), a low [stroke](/glossary/stroke) [contrast](/glossary/contrast), a high [x-height](/glossary/x_height), and a font size of around 8 to 18 points/pixels.
+Whether text is set in an actual “body” optical size or not (as optical sizes are not present in the vast majority of fonts), the body is usually the portion of the overall content that requires traits often found in that optical size: a focus on [legibility](/glossary/legibility), a low [stroke](/glossary/stroke) [contrast](/glossary/contrast), a high [x-height](/glossary/x_height), and a font size of around 8 to 18 points/pixels.

cc-by-sa/knowledge/glossary/terms/counter/content.md

@@ -0,0 +1,9 @@
+A counter, or counterform, is the transparent (negative or white) space enclosed inside a letterform. Counters can be closed, as in “o” and “d”, or open, as in “c” and “u.”
+
+<figure>
+
+![INSERT_ALT](images/thumbnail.svg)
+
+</figure>
+
+The name comes from the craft of traditional font production, in which a counterpunch makes indentations in the metal punch that is used for creating letter moulds. For more about this process, see the [Punchcutting](https://en.wikipedia.org/wiki/Punchcutting) entry on Wikipedia.

cc-by-sa/knowledge/glossary/terms/counter/term.textproto

@@ -0,0 +1,3 @@
+name: "Counter"
+excerpt: "EXCERPT_TBC"
+related_lessons: "TBC"

cc-by-sa/knowledge/glossary/terms/homoglyph/content.md

@@ -1,7 +1,7 @@
 
 A homoglyph is a [glyph](/glossary/glyph) with a design that can appear indistinguishable from—or least very similar to—another glyph with a separate meaning.
 
-An uppercase I, lowercase l, and numeral 1 can appear near-identical in some typefaces, which presents a [legibility](/glossary/legibility_readability) problem. If the wrong [character](/glossary/character) is used, it can confuse screen reading software and cause potential issues with searching and sorting. In some typefaces, there can be too subtle a distinction between different [dashes](/glossary/dashes) and the minus character.
+An uppercase I, lowercase l, and numeral 1 can appear near-identical in some typefaces, which presents a [legibility](/glossary/legibility) problem. If the wrong [character](/glossary/character) is used, it can confuse screen reading software and cause potential issues with searching and sorting. In some typefaces, there can be too subtle a distinction between different [dashes](/glossary/dashes) and the minus character.
 
 <figure>
 

cc-by-sa/knowledge/glossary/terms/icon_font/content.md

@@ -0,0 +1,14 @@
+An icon [font](/glossary/font) is a font that exclusively contains icon [glyphs](/glossary/glyph) rather than alphanumeric glyphs. A couple of examples are [Material Icons](https://fonts.google.com/icons?icon.set=Material+Icons) and [Material Symbols](https://fonts.google.com/icons?icon.set=Material+Symbols)—both are icon fonts, although Material Symbols is a [variable font](/glossary/variable_fonts), allowing for fine-tuning via variable [axes](/glossary/axis_in_variable_fonts).
+
+<figure>
+
+![INSERT_ALT](images/thumbnail.svg)
+
+</figure>
+
+Using fonts to render icons has multiple benefits:
+
+- Being vector-based, they’re infinitely scalable, unlike rasterized images.
+- Contained in one file, the file size is considerably smaller than a collection of individual images—even vector-based ones.
+- When used on the web, they can be colored and positioned just using CSS, and browser support is excellent.
+- When using variable icon fonts , they’re customizable in a way that allows them to be more closely matched to any accompanying type.

cc-by-sa/knowledge/glossary/terms/icon_font/term.textproto

@@ -0,0 +1,3 @@
+name: "Icon font"
+excerpt: "EXCERPT_TBC"
+related_lessons: "TBC"

cc-by-sa/knowledge/glossary/terms/icon_symbol/content.md

@@ -0,0 +1,11 @@
+“Icon” and “symbol” are terms that we often use interchangeably, but there’s actually a subtle difference: An icon is a literal, visual representation of the thing it represents, whereas a symbol can be a more abstract representation of something. For example, a hand accompanied by direction arrows is an icon; it represents a person’s finger swiping. A cog wheel is a symbol; it represents the idea of changing settings.
+
+<figure>
+
+![INSERT_ALT](images/thumbnail.svg)
+
+</figure>
+
+Some icons that were once literal representations have, over time, come to take on a more symbolic form, such as the floppy disk that’s usually used as a “save” icon in software. Even more abstract is the symbol consisting of three stacked horizontal lines, which has come to represent a navigation menu.
+
+Icons and symbols are combined in the [icon fonts](/glossary/icon_font) provided by Google Fonts.