this post was submitted on 03 Oct 2023
25 points (80.5% liked)

Asklemmy

43947 readers
638 users here now

A loosely moderated place to ask open-ended questions

Search asklemmy πŸ”

If your post meets the following criteria, it's welcome here!

  1. Open-ended question
  2. Not offensive: at this point, we do not have the bandwidth to moderate overtly political discussions. Assume best intent and be excellent to each other.
  3. Not regarding using or support for Lemmy: context, see the list of support communities and tools for finding communities below
  4. Not ad nauseam inducing: please make sure it is a question that would be new to most members
  5. An actual topic of discussion

Looking for support?

Looking for a community?

~Icon~ ~by~ ~@Double_A@discuss.tchncs.de~

founded 5 years ago
MODERATORS
 

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?

all 24 comments
sorted by: hot top controversial new old
[–] norgur@discuss.tchncs.de 43 points 1 year ago (2 children)

Have only read the title. There is this cool font I found recently. It's called comic sans and it's really neat. Just use it with color="red" on a black background! Looks super cool!

[–] nutbutter@discuss.tchncs.de 10 points 1 year ago (1 children)

I don't want to pay Microsoft. I'd rather use Comic Neue.

[–] puppy@lemmy.world 2 points 1 year ago* (last edited 1 year ago)

And looks better too. I could unironically use Comic Neue and not be ashamed of myself. Can't say the same about Comic Sans.

[–] PlexSheep@feddit.de 3 points 1 year ago (1 children)

tomato is the best color in css and that is fact

[–] miss_brainfart@lemmy.ml 3 points 1 year ago

I'm a big fan of cosmic latte, it's #FFF8E7

[–] sky@codesink.io 28 points 1 year ago

Have you considered just using the user's browser font via sans-serif?

I did this on my website some time ago and honestly feels like it is the best way. You're repecting the user's wishes if they have a custom typeface specified, and the defaults on most OS' are good these days otherwise.

Plus, you save some network requests and page size.

[–] lemann@lemmy.one 15 points 1 year ago (1 children)

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:

[–] starman@programming.dev 4 points 1 year ago* (last edited 1 year ago)
[–] Treczoks@kbin.social 11 points 1 year ago (1 children)

Have you tried to put a bigger emphasis on good content instead of micromanaging exotic fonts?

Just take one of the common standard fonts. Most of them are tried and tested for readbility and quality. Bonus: Nobody needs to download them from somewhere just to get your website "right". Which means less problems and faster loading times.

I agree with this so wholeheartedly!

The internet is about information, not aesthetics. Sure, pick a nice font - no one wants Geocities back but don't make your page call off to a dozen separate locations for crappy .js frameworks and remote fonts, please!

[–] PRUSSIA_x86@lemmy.world 10 points 1 year ago (1 children)

The only acceptable answer is wingdings.

[–] bob_lemon@feddit.de 6 points 1 year ago

IDK, considering the usecase, I think Webdings might be a better fit.

[–] Nemo@midwest.social 4 points 1 year ago

I like Monaco, it's both sans-serif and monospace.

[–] federalreverse@feddit.de 4 points 1 year ago* (last edited 1 year ago)

So, 20kB is not that much, honestly (even considering you probably need 4*20=80kB for regular/bold/italic/bold italic). I would just set a suitable caching policy in the server software and leave it at that. Regarding fonts being overused β€” unfortunately pretty much all the higher-quality ones from Google Fonts are. If you find another suitable font from Google Fonts, you may not be happy for too long.

(I used to maintain a website at work that delivered 1.5MB of CSS (600kB compressed), consisting of Bootstrap, Bootstrap extras, and then the previous two designs of the website layered on top of each other. That is sad.)

[–] Shialac@lemmy.world 3 points 1 year ago
[–] Ataraxia@sh.itjust.works 2 points 1 year ago

I like this font

[–] hackris@lemmy.ml 2 points 1 year ago

JetBrainsMono

[–] xilliah@beehaw.org 1 points 1 year ago

"Won’t bleach your fucking eyeballs at night if your browser thinks you like dark things;"

I just can't understand why this is so rare. I often just leave white websites.

[–] Asudox@lemmy.world 1 points 1 year ago

I use monospace.

[–] ShadowCatEXE@lemmy.world 1 points 1 year ago (1 children)
[–] KSPAtlas@sopuli.xyz 1 points 1 year ago

Nunito is a great font

[–] Ekis@beehaw.org 1 points 1 year ago

For my website, I went with my two favourites: Ubuntu for sans-serif and Cascadia Code for monospace. I think it's a good combination. πŸ™‚

[–] griD@feddit.de 1 points 1 year ago* (last edited 1 year ago)

system-ui

ETA: -webkit-text-stroke is meh, doesn't look clean at all.