4 ms·

If I block web fonts, all references to AMD are lowercase. MiloTE and MiloSCTE (small caps). .blog-post small { text-transform: lowercase; }

Finch2192 7y ago
Can I ask -- What was your line of thinking that led you to find this out? I'm the kind of guy who could probably figure out how to do this if it was, like, given to me as a task. But never in a million years would I just stumble across this.
- jacobolus 7y ago
  I assume the previous poster blocks all web fonts as a matter of course (to save bandwidth? speed web page loading? reduce vectors for tracking?) Anyhow, people should ideally be using small caps a whole lot more. Using all caps for abbreviations is much uglier and less legible, especially in texts where many abbreviations appear.
- jimbo1qaz 7y ago
  I don't like it when different websites look very different. So in my primary browser (Firefox), I only allow sites to use my preferred sans-serif, serif, and monospace fonts. (In the options page's font dialog, I unchecked "Allow pages to choose their own fonts, instead of your selections above".) I noticed that all occurrences of AMD are lowercase, so I noticed that it's set to lowercase. Opening in Chrome, I noticed that there was a giant banner on the bottom covering 1/3 of my page, and another on the top which closed when I closed the bottom banner. In Chrome, I noticed that AMD was written in small-caps with font MiloSCTE, and the rest of body text was using MiloTE.
some1else 7y ago
This rule would ensure that the fallback font also displays small caps for that tag: font-variant: small-caps Small capitals only apply to lower-case letters, so it's common to lower-case small capital abbreviations, especially in body text: http://theworldsgreatestbook.com/book-design-part-5/ http://theworldsgreatestbook.com/book-design-part-5/

Finch2192 7y ago

Can I ask -- What was your line of thinking that led you to find this out? I'm the kind of guy who could probably figure out how to do this if it was, like, given to me as a task. But never in a million years would I just stumble across this.

jacobolus 7y ago
I assume the previous poster blocks all web fonts as a matter of course (to save bandwidth? speed web page loading? reduce vectors for tracking?) Anyhow, people should ideally be using small caps a whole lot more. Using all caps for abbreviations is much uglier and less legible, especially in texts where many abbreviations appear.
jimbo1qaz 7y ago
I don't like it when different websites look very different. So in my primary browser (Firefox), I only allow sites to use my preferred sans-serif, serif, and monospace fonts. (In the options page's font dialog, I unchecked "Allow pages to choose their own fonts, instead of your selections above".) I noticed that all occurrences of AMD are lowercase, so I noticed that it's set to lowercase. Opening in Chrome, I noticed that there was a giant banner on the bottom covering 1/3 of my page, and another on the top which closed when I closed the bottom banner. In Chrome, I noticed that AMD was written in small-caps with font MiloSCTE, and the rest of body text was using MiloTE.

some1else 7y ago

This rule would ensure that the fallback font also displays small caps for that tag: font-variant: small-caps Small capitals only apply to lower-case letters, so it's common to lower-case small capital abbreviations, especially in body text: http://theworldsgreatestbook.com/book-design-part-5/ http://theworldsgreatestbook.com/book-design-part-5/