css - personalizadas - fuentes html para web

¿Por qué los nombres de las fuentes necesitan citas?

Question

Que yo sepa, uno necesita usar comillas dobles o simples para las fuentes si contienen espacios, como:

font-family: "Times New Roman", Times; 
font-family: ''Times New Roman'', Times;

Pero en Google Fonts ( http://www.google.com/webfont ), también veo

font-family: ''Margarine'', cursive;

Algunos incluso lo usan así:

font-family: ''Margarine'', ''Helvetica'', arial;

Me parece extraño, ya que también funciona lo siguiente:

font-family: Arial, Helvetica, sans-serif;
font-family: Cambria, serif;

Entonces, ¿cuál es el uso correcto de las comillas alrededor de los nombres de fuentes en CSS?

Answer 1

Acabo de enterarme de que las citas no siempre son necesarias, sino más bien recomendadas. Todos aprendemos algo nuevo todos los días.

El otro lugar donde los ves es en las propiedades de css que requieren una url

background:url(''hithere.jpg'');
background:url(hithere.jpg);

Ambas declaraciones van a funcionar exactamente igual. Lo mismo ocurre con las fuentes, el tipo de cita que usas es irrelevante en este caso, solo sé consistente en cómo TÚ haces las cosas y eso es todo lo que realmente importa.

Answer 2

Por dos razones;

1. Cuando un nombre de familia de fuentes real comparte el mismo nombre que un nombre de familia genérico, para evitar confusiones con palabras clave con los mismos nombres, por ejemplo

p {font-family: ''Shift'', sans-serif;}

2. Cuando hay más de una palabra en el nombre de una familia de fuentes, por ejemplo

p {font-family: ''Times New Roman'', ..... , a generic family name here ;}

Answer 3

Siempre puede poner un nombre de familia de fuentes específico entre comillas, doble o simple, por lo que Arial , "Arial" y ''Arial'' son equivalentes. Solo los nombres de familia de fuentes genéricas definidas en CSS, como sans-serif deben escribirse sin comillas.

Contrariamente a la creencia popular, un nombre de fuente que consiste en nombres separados por espacios como Times New Roman no necesita ser citado. Sin embargo, la spec recomienda "para citar nombres de familias de fuentes que contengan espacios en blanco, dígitos o caracteres de puntuación que no sean guiones"

Answer 4

Tienes que usar comillas cuando hay un espacio en el nombre de la fuente. Si no hay espacio en el nombre de la fuente, es una buena práctica dejarlos, aunque no dañará nada, excepto el tamaño de su archivo, para mantenerlos inmóviles.

Ejemplos:

font-family: "Times New Roman", Times; // ok, and best practice
font-family: Times New Roman, Times; // incorrect, Browser won''t be able to find Times New Roman
font-family: "Times New Roman", "Times"; // ok, but has extraneous quotes around Times