b2adcd7796
* 1st commit: all content, basic formatting, svg links This is the new Q1 content. Almost all formatting is needed. Excerpts are all missing. There’s absolutely no “related” metadata yet. No alt text, either. But images are all in, renamed to `thumbnail.svg` where appropriate, and structurally everything is there. * Testing link format * Adding all CSS v2 API links for axis defs * Testing Markdown-format tables for axis steps * Adding 2 gloss links to all axis defs’ opening para * More links in intro paras * Inserted all link (blank) into all gloss. terms Almost all of these links need the URLs added later, but at least they’re now marked up to resemble anything that was underlined in the Google Docs. * Inserted all (blank) links in articles Also formatted most of the big tables in new Markdown table format * Gloss. excerpt test * Excerpts for all axis definitions * Remaining (non-axis) glossary excerpts * Renaming 1 illo per article to `thumbnail` * Updating illo filename in content to reflect `thumbnail` name change * Adding prev/next URLs for all new articles * Captions for all articles Some still need font credits adding * Alt text for `a_checklist_for_choosing_type` * Alt text for `language_support_in_fonts` * Alt text for `the_foundations_of_web_typography` * Alt text for `an_overview_of_latin_type_anatomy` Only a small change, as most alt text was already present for this one. * Illo alt text for all axis definitions in Glossary (And table formatting, too.) * Updated illos for `cursive_axis` & `wonky_axis` * Remaining illo alt text for non-axis-related Glossary terms * Added all related gloss. terms to new articles * Added all related articles to gloss. terms * First round of actual URLs on new Gloss. terms * Actual URLs in all remaining Gloss. terms * All real URLs for all new articles And improved checklist formatting * New Thai & Devanagari illos Hopefully the final versions * OG excerpts for all 4 new articles * New illo as per Dave’s rec + TP copy tweak + illo filenames * Article ordering within each `module.textproto` file * Update prev/next for existing articles to reflect new Q1 content
1.7 KiB
Weight (wght in CSS) is an axis found in many variable fonts. It controls the font file’s weight parameter.
The Google Fonts CSS v2 API defines the axis as:
| Default: 400 | Min: 1 | Max: 1000 | Step: 1 |
Weight is the overall thickness of a typeface’s strokes in any given font. The most common weights are regular and bold, but weights can cover extremes from the very light to the very heavy. With the weight axis in variable fonts, the number of instances or weights is effectively unlimited.
In CSS, we can assign a variable weight property to an element of our choosing:
p {
font-weight: 350;
}
strong {
font-weight: 780;
}
Unlike in non-variable fonts, the font-weight values no longer have to be declared in units of 100. Rather than have body copy set in a regular weight, which would usually sit at 400, we can set it a little lighter, at 350. Similarly, whereas strong text would usually be set in a bold weight, most often with a value of 700, we’re setting it at 780: heavier than a bold, but not quite as heavy as an extra bold.