← Back to context

Comment by bruce343434

3 years ago

My browser renders this in sans serif, but adds serifs to I. I'm on firefox/linux and it's defaulting to the css `sans-serif` and I don't have the energy to research how to find what that defaults to right now.

Dev tools → Inspector panel → Fonts subpanel → Fonts Used, and you can hover over each to see highlighted which glyphs are being rendered in that font.

Defaults on Firefox are all from DejaVu family: https://dejavu-fonts.github.io/

Mozilla has a custom font for their branding called Zilla Slab, but I believe that's only serif.

  • This is incorrect. Firefox does ship an emoji font, but for the rest it delegates default-selection to fontconfig, and it’s likely to have a very long list of possibilities, depending on its configuration (see /usr/share/fontconfig/conf.default for a start) and what’s installed.

    Run `fc-match --all sans-serif` to see how it resolves. On my machine, Noto Sans gets higher priority than DejaVu Sans (though I’ve configured Concourse 4 as the top preference, in ~/.config/fontconfig).

I would imagine that it isn't changing font for the l specifically but just has a sans font that includes a tail on the l. This text box that I'm using, for instance, is Dejavu Sans Mono which does exactly that.