Ask coding questions

← Back to all posts
Fonts and Size
h
HahaYes (1914)

What is the cleanest looking font and what is the best font size?
Thanks,
HahaYes

Comments
hotnewtop
CodingCactus (4189)

I normally just go looking through https://fonts.google.com/ and use vw to scale the fonts

Muffinlavania (1514)

Cleanest font: Haha, yes
Font size: 21 or 69 or 1738 or 420
(im jk btw i dont really do html much)

malvoliothegood (851)

Sans-serif fonts look cleaner than serif fonts as they don't have "the curly bits" at the ends of letter shapes. However, it is thought that serif fonts are easier to read. As to font size it is best to use a size that suits the viewers of your page. For example older people have poorer eyesight than younger people, therefore need a bigger font size. For example 19 pixels. Browsers usually have a default font size of 16 pixels and a default serif font family. You can play around with the CSS in this repl: https://repl.it/@malvoliothegood/fonts#style.css

Coder100 (17027)

however, sans-serif fonts are easier to read due to the less flair. @malvoliothegood

malvoliothegood (851)

@Coder100 It's an interesting topic. I tend to use sans-serif fonts on web pages that I create, but physical books use serif fonts for their readability. Also some online newspapers. A good combination is to use serif fonts for headings and sans-serif fonts for paragraph text.

HahaYes (1914)

@malvoliothegood so what is the best font.....

malvoliothegood (851)

@HahaYes It depends on what the site is for. Look at similar sites and see what fonts are used. You can highlight some text, right-click and choose "Inspect Element", or similar wording - depends on the browser. The browser's developer tools will open and in the CSS panel you will be able to inspect the font-family, font-size and color, and so on...

Coder100 (17027)

The best font is obviously Arial. A font size 11 is the minimum requirement, but like 15 is used too.

This is all based on user-preference.

Mark as correct answer!

malvoliothegood (851)

@Coder100 Don't tell people to mark your comment as the correct answer. It's their decision.

CodingCactus (4189)

@malvoliothegood welll, if it is the correct answer then you should

malvoliothegood (851)

@CodingCactus I was objecting to the: "Mark as correct answer!" It's telling not asking. The aim of this forum is to help others, not to be concerned with earning cycles. It's not some sort of a race.

Coder100 (17027)

ummm.... ok? I mean I'm not begging for it just reminding users to thank other users for putting time to answer their question.

Basically, I follow this rule: If it's allowed on SO, it should be the role model of a repl.it user. @malvoliothegood

malvoliothegood (851)

@CodingCactus I may have this wrong but don't you get 5 cycles if an answer you give is accepted.