3 ms·
Another Safari CSS failure for typography is drop-cap support, which is where the first letter of a paragraph is drawn larger and in capitals. It's a year since
by vintagedave 2y ago
Another Safari CSS failure for typography is drop-cap support, which is where the first letter of a paragraph is drawn larger and in capitals. It's a year since I looked at this, but the comments explaining the weird CSS say:
> This was actually remarkably difficult to get right: the trick is setting line-height and height to < 1em. If they were, eg, 7rem to match the font size then FireFox and Safari render very differently, with Safari showing a much taller gap in the text that the dropcap was centered in.
The same CSS (https://daveon.design/manuscript-vintagedave.css https://daveon.design/manuscript-vintagedave.css) applies typographical sentence spacing to sentences within a paragraph, which you can see on any article, eg: https://daveon.design/what-are-you-optimising-for.html https://daveon.design/what-are-you-optimising-for.html
I would love to see more CSS support for _typography_: not letter spacing, but actual typographical layout. The article is dead-on accurate when it says we still can't reach what was normal in layout for six centuries.