Currently, I am using Montserrat. Even though it is licensed under Open License Font, I do not feel comfortable using it anymore, probably because it is used in over 17 million websites and is considered overused.

Another reason is that I have to load multiple font weights, as bold tags do not work as intended. A single weight is over 20kb in size (after removing unused glyphs). I want to keep my site lightweight, and good looking.

Also, after looking at motherfuckingwebsite.com and perfectmotherfuckingwebsite.com, I feel sad about loading any external fonts.

I want a sans font, and I am also using -webkit-text-stroke with transparent fill to give some text outline effect.

What are your suggestions, fellow lemmings? What is your favourite font? Should I just stick with Liberation Sans?

  • 𝒍𝒆𝒎𝒂𝒏𝒏@lemmy.one
    link
    fedilink
    arrow-up
    14
    arrow-down
    1
    ·
    1 year ago

    I used to use all sorts of custom fonts several years ago, but now I just use the system fonts instead.

    Allows the site to render almost immediately without text blinking (on first load) and makes users feel as if it fits in with their OS design language

    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Cantarell", "Ubuntu", "Oxygen", "Segoe UI", "Helvetica Neue", "Roboto", system-ui, Arial, sans-serif;
    

    Might be helpful to ask on some of the programming comms though: