Skip to content
Sign upLog in
← Back to Community

Fonts and Size

Profile icon
HahaYes

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

Voters
Profile icon
sihasaneshreyas
Profile icon
gfyb
Profile icon
harshalk06
Profile icon
AmirSai
Profile icon
ClenziaMiranda
Profile icon
PhimploySoonjun
Profile icon
beatricelinnn
Profile icon
juan-diegodi185
Profile icon
William-BiraneD
Profile icon
stvaritha
Comments
hotnewtop
Profile icon
sidchaudhary04

Inter!!!!!!!!!

Profile icon
CodingCactus

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

Profile icon
Muffinlavania

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

Profile icon
[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

Profile icon
Coder100

hey that's user preference

@malvoliothegood

Profile icon
Coder100

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

@malvoliothegood

Profile icon
[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.

Profile icon
HahaYes

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

Profile icon
[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...

Profile icon
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!

Profile icon
[deleted]

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

Profile icon
CodingCactus

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

Profile icon
[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.

Profile icon
CodingCactus

@malvoliothegood
cycles were never mentioned

Profile icon
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

Profile icon
[deleted]

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