GFK broken URL fixes (#4622)

* Fixing broken URL in `grade`

* Fixing broken URL in `grade_axis`

* Fixing broken URL in `hierarchy`

* Fixing broken URL in `ordinals`

* Fixing broken URL in `overshoot`

* Fixing broken URL in `superscript_subscript`

* Fixing broken URL in `x_height`

* Fixing broken URL in `yopq_axis`

* Fixing erroneous text describing to `XOPQ` in `YOPQ`

* Fixing broken URL in `breaking_the_rules`

* yopq_axis/content.md Correct the definition

Co-authored-by: Dave Crossland <dave@lab6.com>

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

@@ -1,5 +1,5 @@
 
-Originally conceived for printed newspapers to calibrate output from different presses, or different paper stocks, grade is an attempt to keep type appearing consistent across different media, or in certain contexts. Think of a newspaper (matte paper; more ink bleed) that also has a magazine-style weekend supplement (glossy paper; less ink bleed). This is a perfect use case for using different grades to achieve identical typographic [color](/glossary/color) for the [body](/glossary/body) [text](/glossary/text) in both instances.
+Originally conceived for printed newspapers to calibrate output from different presses, or different paper stocks, grade is an attempt to keep type appearing consistent across different media, or in certain contexts. Think of a newspaper (matte paper; more ink bleed) that also has a magazine-style weekend supplement (glossy paper; less ink bleed). This is a perfect use case for using different grades to achieve identical typographic [color](/glossary/color) for the [body](/glossary/body) [text](/glossary/text_copy) in both instances.
 
 Unlike [weight](/glossary/weight), which usually has an effect on [width](/glossary/width) as well, grade alters only the thickness of the [letterforms](/glossary/letterform)’ [strokes](/glossary/stroke) without changing the width of the [glyph](/glossary/glyph). Although grade can alter [contrast](/glossary/contrast), it differs from [optical sizing](/glossary/optical_sizes) because its purpose is to compensate for differences in appearance and bring it back towards the intended design.
 

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

@@ -1,5 +1,5 @@
 
-“Grade” (`GRAD` in CSS) is an [axis](/glossary/axis_in_variable_fonts) found in some [variable fonts](/glossary/variable_fonts) that can be used to alter [stroke](/glossary/stroke) thicknesses (or other forms) without affecting the [type](/glossary/type)’s overall [width](width), inter-letter spacing, or [kerning](/glossary/kerning)—unlike altering [weight](/glossary/weight). This means there are no changes to line breaks or page layout.
+“Grade” (`GRAD` in CSS) is an [axis](/glossary/axis_in_variable_fonts) found in some [variable fonts](/glossary/variable_fonts) that can be used to alter [stroke](/glossary/stroke) thicknesses (or other forms) without affecting the [type](/glossary/type)’s overall [width](/glossary/width), inter-letter spacing, or [kerning](/glossary/kerning)—unlike altering [weight](/glossary/weight). This means there are no changes to line breaks or page layout.
 
 The [Google Fonts CSS v2 API ](https://developers.google.com/fonts/docs/css2) defines the axis as:
 

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

@@ -1,5 +1,5 @@
 
-Hierarchy refers to the overall structure of a document and the relationship between elements within the [text](/glossary/text). A heading placed above a paragraph gives meaning and context to that paragraph and implies a hierarchy to the text as a whole. Different levels of headings (in HTML, `h1`, `h2`, `h3`, etc.) further delineate hierarchy within sections of the text.
+Hierarchy refers to the overall structure of a document and the relationship between elements within the [text](/glossary/text_copy). A heading placed above a paragraph gives meaning and context to that paragraph and implies a hierarchy to the text as a whole. Different levels of headings (in HTML, `h1`, `h2`, `h3`, etc.) further delineate hierarchy within sections of the text.
 
 <figure>
 

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

@@ -1,5 +1,5 @@
 
-Ordinals are the small letters that appear next to a [numeral](/glossary/numeral). English examples include the “st” in “1st” (“first”), or “nd” in “2nd” (“second”).
+Ordinals are the small letters that appear next to a [numeral](/glossary/numerals_figures). English examples include the “st” in “1st” (“first”), or “nd” in “2nd” (“second”).
 
 In English, deciding whether to use ordinals is a matter of a publisher’s house style. In French and Spanish, usage is much more common.
 

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

@@ -1,5 +1,5 @@
 
-In [type design](/glossary/type_design), an overshoot is the part of a [letterform](/glossary/letterform) that extends above or below the vertical dimensions of flatter [glyphs](/glossary/glyph). In the [Latin script](/glossary/latin), common [characters](/glossary/character) with overshoots incorporated into their design include the [lowercase](/glossary/uppercase_lowercase) “o”, which slightly extends above the [x-height](/glossary/x_height) and below the [baseline](/glossary/baseline), and the apex of the uppercase “A”, which extends above the [cap height](/glossary/cap_height).
+In [type design](/glossary/type_designer), an overshoot is the part of a [letterform](/glossary/letterform) that extends above or below the vertical dimensions of flatter [glyphs](/glossary/glyph). In the [Latin script](/glossary/latin), common [characters](/glossary/character) with overshoots incorporated into their design include the [lowercase](/glossary/uppercase_lowercase) “o”, which slightly extends above the [x-height](/glossary/x_height) and below the [baseline](/glossary/baseline), and the apex of the uppercase “A”, which extends above the [cap height](/glossary/cap_height).
 
 The purpose of these overshoots is to create the optical illusion that all letterforms are aligned, whether their tops and bottoms are angled, curved, or flat. Without overshoots, our eyes interpret these characters as appearing shorter than the rest.
 

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

@@ -1,5 +1,5 @@
 
-Superscript is [text](/glossary/text) formatted to appear smaller than the surrounding text and is usually aligned slightly above the top of the regular [type](/glossary/type); subscript is similar, but aligned slightly below the baseline. In English, superscript is commonly used to add references (for footnotes), copyright or trademark symbols, and in equations for scientific and mathematical texts. Subscript is mainly reserved for chemical compounds.
+Superscript is [text](/glossary/text_copy) formatted to appear smaller than the surrounding text and is usually aligned slightly above the top of the regular [type](/glossary/type); subscript is similar, but aligned slightly below the baseline. In English, superscript is commonly used to add references (for footnotes), copyright or trademark symbols, and in equations for scientific and mathematical texts. Subscript is mainly reserved for chemical compounds.
 
 <figure>
 

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

@@ -1,5 +1,5 @@
 
-Although it’s based upon the height of the lowercase “x” [glyph](/glossary/glyph) in a [typeface](/glossary/typeface), x-height also considers the height of the [lowercase](/glossary/uppercase_lowercase) [characters](/glossary/characters) that have no [ascenders](/glossary/ascenders_descenders) nor [descenders](/glossary/ascenders_descenders); this indicates how tall or short the type appears in typical lowercase or mixed-case settings.
+Although it’s based upon the height of the lowercase “x” [glyph](/glossary/glyph) in a [typeface](/glossary/typeface), x-height also considers the height of the [lowercase](/glossary/uppercase_lowercase) [characters](/glossary/character) that have no [ascenders](/glossary/ascenders_descenders) nor [descenders](/glossary/ascenders_descenders); this indicates how tall or short the type appears in typical lowercase or mixed-case settings.
 
 Generally, conversations around x-height are about [legibility](/glossary/legibility_readability), because a typeface with a small x-height has longer ascenders and descenders.
 

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

@@ -1,7 +1,7 @@
 
-“Parametric Thin Strokes” (`YOPQ` in CSS) is a [parametric axis](/glossary/parametric_axis), found in some [variable fonts](/glossary/variable_fonts), for specifying and varying thin [stroke](/glossary/stroke) weights, such as bars and hairlines.
+“Parametric Thin Stroke” (`YOPQ` in CSS) is a [parametric axis](/glossary/parametric_axis), found in some [variable fonts](/glossary/variable_fonts), for specifying and varying thin [stroke](/glossary/stroke) weights, such as bars and hairlines.
 
-The [Google Fonts CSS v2 API ](https://developers.google.com/fonts/docs/css2) defines the axis as:
+The [Google Fonts CSS v2 API](https://developers.google.com/fonts/docs/css2) defines the axis as:
 
 | Default: | Min: | Max: | Step: |
 | --- | --- | --- | --- |
@@ -9,10 +9,10 @@ The [Google Fonts CSS v2 API ](https://developers.google.com/fonts/docs/css2) de
 
 <figure>
 
-![Three type specimens, each demonstrating the lowest setting, default setting, and highest setting of the YOPQ axis, with an approximation of a variable slider shown beneath each. Blocks of color highlight the measurement affected by the axis.](images/thumbnail.svg)
+![Three type specimens, each demonstrating the lowest setting, default setting, and highest setting of the Parametric Thin Stroke (YOPQ) axis, with an approximation of a variable slider shown beneath each. Blocks of color highlight the effect of the axis.](images/thumbnail.svg)
 
 </figure>
 
-Its four-letter abbreviation, XOPQ, is a reference to its logical name, “X Opaque”, which describes how it alters the opaque stroke forms of glyphs typically in the X dimension, such as the weight of the thicker vertical stems in an “H”. However, often the thick strokes are not perfectly aligned to the cartesian grid, such as in the letter “X” or “O” when there is an angle of stress. It’s logically related to both the other opaque axis, [Parametric Thin Stroke (YOPQ)](/glossary/yopq_axis), and the other X dimension axis, [Parametric Counter Width (XTRA)](/glossary/extra_axis).
+Its four-letter abbreviation, `YOPQ`, is a reference to its logical name, “Y Opaque”, which describes how it alters the opaque stroke forms of glyphs typically in the Y dimension, such as the weight of the thinner horizontal bar in an “H”. It’s logically related to the Parametric Thin Stroke axis (`XOPQ`) as that controls the stroke weights at other (usually perpendicular) areas of each glyph, and other Y dimension axes, such as the [Parametric Lowercase Height axis (YTLC)](/glossary/ytlc_axis).
 
-In line with the current CSS spec, the four-character code for this axis should be referenced in UPPERCASE (only the five axes registered in the OpenType format specification should appear in lowercase). Also, when using the Google Fonts API, the uppercase axes have to appear first in the URL.
+In line with the current CSS spec, the four-character code for this axis should be referenced in UPPERCASE (only the five axes registered in the OpenType format specification should appear in lowercase). Also, when using the Google Fonts API, the lowercase axes have to appear first in the URL, followed by the uppercase, each in alphabetical order.

cc-by-sa/knowledge/modules/using_type/lessons/breaking_the_rules/content.md

@@ -88,7 +88,7 @@ The spacing in front of each character might be especially noticeable in [displa
 
 ## Customize drop caps
 
-If we employ [drop caps](/lesson/drop_caps) in our design system, but we have a piece of content that starts with an opening quotation, that mark will become the drop-cap and will probably look a little strange. If possible, let’s take that opening quotation mark outside of the usual text box and manually align it to the “proper” drop-cap; i.e., the first actual letter in our content.
+If we employ [drop caps](/glossary/drop_cap) in our design system, but we have a piece of content that starts with an opening quotation, that mark will become the drop-cap and will probably look a little strange. If possible, let’s take that opening quotation mark outside of the usual text box and manually align it to the “proper” drop-cap; i.e., the first actual letter in our content.
 
 <figure>