Why would font names need quotes?

by

You can always put a specific font family name in quotes, double or single, so Arial, "Arial", and 'Arial' 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 Times New Roman need not be quoted. However, the spec recommends “to quote font family names that contain white space, digits, or punctuation characters other than hyphens”

More Related Contents:

  1. Transparent text cut out of background
  2. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  3. Browsers’ default CSS stylesheets
  4. How to import Google Web Font in CSS file?
  5. CSS Font Border?
  6. Why should we include ttf, eot, woff, svg,… in a font-face
  7. Downloading a Google font and setting up an offline site that uses it
  8. How can I determine what font a browser is actually using to render some text?
  9. Failed to decode downloaded font
  10. Create webfont with Unicode Supplementary Multilingual Plane symbols
  11. How to import fonts in CSS?
  12. How is font size calculated?
  13. CSS: bolding some text without changing its container’s size
  14. Converting and rendering web fonts to base64 – keep original look
  15. Multiple font-weights, one @font-face query
  16. Webfont Smoothing and Antialiasing in Firefox and Opera
  17. Webpack “OTS parsing error” loading fonts
  18. Force Non-Monospace Font into Fixed Width Using CSS
  19. Fonts looks different in Firefox and Chrome
  20. Fallback fonts on special characters
  21. Specifying Style and Weight for Google Fonts
  22. Styling Password Fields in CSS
  23. What does font-size really correspond to?
  24. How to add fonts to create-react-app based projects?
  25. Forcing anti-aliasing using css: Is this a myth?
  26. Font weight turns lighter on Mac/Safari
  27. How to prevent different browsers rendering fonts differently?
  28. How to add a custom font to Rails app?
  29. -webkit-font-smoothing property has no effect in Chrome
  30. Fix custom font line-height with CSS

Leave a Comment