CSS Difference in defining fonts in different ways

Question

I have seen many a time user define Fonts in CSS like

font-family:"Times New Roman",Georgia,serif

AND

 font-family:Times New Roman,Georgia,serif

Does defining font in quotes make any difference i have seen this style couple of time.

I would appreciate an expert opening on this

score 4 · Accepted Answer · answered May 15 '13 at 11:52

4

See the W3 documentation on that. It says:

Note: If a font name contains white-space, it must be quoted.

answered May 15 '13 at 11:52

Alexxus

893
1
11
25

score 2 · Answer 2 · edited Jun 20 '20 at 09:12

http://www.w3.org/TR/CSS2/fonts.html#font-family-prop

Font family names must either be given quoted as strings, or unquoted as a sequence of one or more identifiers. This means most punctuation characters and digits at the start of each token must be escaped in unquoted font family names.

Font family names that happen to be the same as a keyword value ('inherit', 'serif', 'sans-serif', 'monospace', 'fantasy', and 'cursive') must be quoted to prevent confusion with the keywords with the same names. The keywords 'initial' and 'default' are reserved for future use and must also be quoted when used as font names. UAs must not consider these keywords as matching the '' type.

score 1 · Answer 3 · edited May 23 '17 at 10:25

1

Any font names that are more than one word are often wrapped in quotes, however this is not a requirement.

Why would font names need quotes?

edited May 23 '17 at 10:25

Community

1
1

answered May 15 '13 at 11:51

Phil Sinatra

419
3
11

CSS Difference in defining fonts in different ways

3 Answers3