google/fonts
1
0
Fork 0
mirror of https://github.com/google/fonts.git synced 2024-12-18 14:21:47 +03:00
Code Issues Projects Releases Wiki Activity
46ded3b3a4
fonts/cc-by-sa/knowledge/glossary/terms/fill_axis/content.md

18 lines
1.4 KiB
Markdown
Raw Normal View History

New gfk content for q1 (#4398) * 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
2022-03-23 18:03:21 +03:00
“Fill” (`FILL` in CSS) is an [axis](/glossary/axis_in_variable_fonts) found in some [variable fonts](/glossary/variable_fonts), intended to provide a treatment of the design that fills in transparent forms with opaque ones (and sometimes interior opaque forms become transparent, to maintain contrasting shapes). Transitions often occur from the center, a side, or a corner, but can go in any direction. This can be useful in animation or interaction to convey a state transition. The numbers indicate proportion filled, from 0 (no treatment) to 1 (completely filled).
The [Google Fonts CSS v2 API ](https://developers.google.com/fonts/docs/css2) defines the axis as:
Fix axis def markdown tables (#4419) * Reformatting Markdown tables for axis definitions Markdown tables need to have a minimum of 2 rows * Further correcting Markdown table format Needs header row to work, at least according to the .md preview. Also correcting the Step value of the `softness` axis.
2022-03-25 16:30:35 +03:00
| Default: | Min: | Max: | Step: |
| --- | --- | --- | --- |
| 0 | 0 | 1 | 0.01 |
New gfk content for q1 (#4398) * 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
2022-03-23 18:03:21 +03:00
This is currently implemented in Google’s Material icons:
<figure>
![Two side-by-side icon specimens, each shown with a variable axis represented beneath as an on/off switch. The first specimen, with the switch to the left, shows the icon shapes outlined. The second specimen, with the switch to the right, shows the icon shapes filled with solid color.](images/thumbnail.svg)
</figure>
In line with the current CSS spec, all custom axes should be referenced in UPPERCASE (only the officially registered variable axes should appear in lowercase). Also, when using the Google Fonts API, the uppercase axes have to appear first in the URL.
Reference in New Issue Copy Permalink