Hacker News Reader

Comment by _fbpt | Hacker News Reader

If I block web fonts, all references to AMD are lowercase. MiloTE and MiloSCTE (small caps).

    .blog-post small {
        text-transform: lowercase;
    }

View on HN

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/

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.

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.

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.

Reply on news.ycombinator.com