For CSS font-family property, are 'Helvetica Neue' vs "Helvetica Neue" and 'Roboto' vs Roboto the same?

Question

I found people wrote CSS like

h1 {font-family: "Helvetica Neue"}
h1 {font-family: 'Helvetica Neue'}
h1 {font-family: 'Roboto'}
h1 {font-family: Roboto}

I saw most of the people use ' more and 'Roboto' more than Roboto.

Is there even any tiny difference?

BTW, I asked this question because I saw this on Google Fonts:

If there's no difference, why does Google bother adding a ' in it?

I'd say the difference would come if any of `'` or `"` characters were part of the font name — Kaiido, Jul 21 '18 at 05:32
This could be of an interesting read: https://stackoverflow.com/a/5688298/1248133 Similar to what you asked for. — Amruth Pillai, Jul 21 '18 at 05:32

score 2 · Answer 1 · answered Jul 21 '18 at 05:49

You can always put a specific font family name in quotes, double or single, so Roboto, "Roboto", and 'Roboto' are equivalent. Only the CSS-defined generic font family names like sans-serif must be written without quotes.

Contrary to popular belief, a font name consisting of space-separated names such as Helvetica Neue need not be quoted. However, the spec recommends “to quote font family names that contain white space, digits, or punctuation characters other than hyphens”

For CSS font-family property, are 'Helvetica Neue' vs "Helvetica Neue" and 'Roboto' vs Roboto the same?

1 Answers1