- From: Jason Pamental via GitHub <sysbot+gh@w3.org>
- Date: Fri, 05 Feb 2021 16:20:09 +0000
- To: public-css-archive@w3.org
@tabatkins Here's an example that sort of case: A heading might be set in the bold weight of a font, larger, and with a small amount of negative letter-spacing. So a fallback for this would need specific 'fine-tuning' of size, line-height, and letter-spacing The bold weight of the font might also be used simply for bold text in the body. In this case, the bulk of the corrections might be applied on the `p` tag, but there may be adjustments on `strong` as well (or conversely might not need any letter-space adjustments when applied at a smaller size). This is also sometimes useful if I'm styling an initial letter or line (like bolder small-caps for the first line of a paragraph). So I will typically have CSS for a number of selectors (headings, body copy, possibly navigation items and classes), with specific fallback 'fine-tuning' for each. My goal is mainly focused on the first 'screenful' of content, so I'll spend time adjusting selectors to minimize reflow in the header, navigation, and at least the first few paragraphs of content. If you look at the NY Times site on an individual article, you'll often see dramatic reflow of headings even in their app as the web fonts load:  With these kinds of loading strategies in place, I've been able to almost eliminate that here on the RI COVID site:  -- GitHub Notification of comment by jpamental Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/126#issuecomment-774133920 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 5 February 2021 16:20:11 UTC