Ask coding questions

← Back to all posts
Fonts and Size
HahaYes

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

Voters
JohnMasterYT
HarisIskandar
Mercy-NatalieNa
DanielaJimenez5
Doyallaxmi
DaniraS2427STU
KenniethMenezes
ELISAMOSCHELLA
EvyaSharma
EGG123
Comments
hotnewtop
sidchaudhary04

Inter!!!!!!!!!

CodingCactus

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

Muffinlavania

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

[deleted]

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

hey that's user preference @malvoliothegood

Coder100

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

[deleted]

@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

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

[deleted]

@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

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!

[deleted]

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

CodingCactus

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

[deleted]

@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.

CodingCactus

@malvoliothegood cycles were never mentioned

Coder100

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

[deleted]

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