CODEWITHSUNDEEP
htmlcssfonts
user3546093
user3546093

Reputation:

No differences between some fonts in html

IMHO, the most popular sans-serif fonts in HTML are Arial and Helvetica. And I see absolutely no difference between these fonts. For exemple in this code

<!doctype html>
<html><body>
<p style="font-family:sans-serif">I'm seventeen.</p>
<p style="font-family:Arial">I'm seventeen.</p>
<p style="font-family:Helvetica">I'm seventeen.</p>
</body></html>

all three paragraphs are identical. It is ok?

Upvotes: 1

Views: 141

Answers (4)

user12260140
user12260140

Reputation:

Your browser’s default meaning of sans-serif would probably be Arial. And, if you are using Windows, Helvetica maps to Arial. If you are using Mac, Helvetica is installed but they look extremely similar.

Upvotes: 0

jmroyalty
jmroyalty

Reputation: 2527

I'm not sure what you are expecting to see here. Based on your HTML, I would expect those to be the same. Arial is a Windoze font, Helvetica is typical on Apple products - Sans-serif is the generic name for either.

The font used to render is selected by the browser from what is available on the user's computer.

Upvotes: 0

JRulle
JRulle

Reputation: 7568

Typically, fonts are declared like below (in order of preference) so that when one does not exist on the system, the next in the list is used.

<!doctype html>
<html><body>
<p style="font-family:Helvetica,Arial,sans-serif;">I'm seventeen.</p>
</body></html>

Upvotes: -2

Quentin
Quentin

Reputation: 944084

The differences between Arial and Helvetica are quite subtle, so you might not be able to tell the difference. This website highlights some of the more obvious differences such as the shape of the tail on a capital Q character.

Since they look very similar, some systems will substitute one for the other if both are not installed (in particular, Helvetica is likely to be rendered using Arial on Windows systems).

Upvotes: 3

Related Questions