Helvetica o Arial como fuente base en CSS?

Question

Uno de mis amigos me dijo "Usa la familia de fuentes: helvética, arial, sans-serif en tu sitio web", cuando le pregunté por qué en ese momento "en blanco" no lo sabía, un experto en usabilidad de su compañía le dijo esto .

Pero cuando probé helvetica, arial, sans-serif me di cuenta de que el negrita y el negrita no funcionaban correctamente con esta fuente, mientras que uso arial, helvetica, sans-serif, esto funciona bien. note la diferencia aquí: http://hell.meiert.org/core/html/helvetica-arial.html

Busqué en esto, pero en ninguna parte vi nada que me convenciera mucho. Luego SO'd y encontré una publicación Is Helvetica a browser base font?

Así que quiero preguntar por qué se recomienda Helvetica, y en el mismo post una de las respuestas dice "Si quieres Helvetica, o tienes que conseguir una Mac". las computadoras MAC son la única razón para usar esto para que se vea bien en MAC solamente?

En mi sitio cuando estoy usando "arial ..." como fuente base, entonces el caracter → html está rindiendo bien en todos los navegadores, pero cuando se usa "Helvetica ..." entonces no se visualiza correctamente en google chrome, ¿Por qué?

Gracias

Answer 1

Sobre la pregunta de por qué se recomienda una sobre la otra, de la investigación que he hecho, parece que Helvetica es la familia de fuentes superior. Siempre se debe usar cuando existe, por lo que es por eso que quiere ponerlo primero en la lista. Para casi todas las pequeñas diferencias, Helvetica es más estéticamente agradable. Sí, usualmente solo se encuentra en Macs.

http://www.ms-studio.com/articles.html

http://www.ms-studio.com/articlesarialsid.html

http://ilovetypography.com/2007/10/06/arial-versus-helvetica/

Answer 2

La máquina estaba ejecutando en no tener una negrita para Helvetica, pero sí tiene una para Arial.

Answer 3

Bueno, cada navegador como todos sabemos tiene sus peculiaridades. Esto podría ser solo un problema del navegador.

Para responder su primera pregunta, sin embargo, el estándar de la industria para el uso de fuentes se basa completamente en la disponibilidad y el uso de esa fuente. Por lo tanto, las fuentes que son más compatibles se enumeran primero.

Básicamente en CSS si incluye más de una familia de fuentes, intenta mostrar con la primera fuente disponible. Si eso no funciona, intenta el siguiente y así sucesivamente hasta que se muestre, si no, simplemente utiliza un valor predeterminado. Es muy posible que se esté conformando con una fuente que funcione, pero no con los resultados esperados para usted. Eso explicaría por qué reordenarlos produce algo más esperado en casi todos los navegadores.

Answer 4

Uso font-family: Arial, Helvetica, sans-serif cuando uso esa fuente para mí. El motivo por el que se encuentra con un problema es probablemente que su máquina, a diferencia del caso esperado para las máquinas con Windows, tenga realmente una fuente Helvetica instalada, y hay algo que sucede con ella de modo que no admite fuentes en negrita. peso adecuadamente

Answer 5

como alguien ha dicho antes, la razón de las fuentes "sans-serif", es casi tan antigua como la propia capa.

En primer lugar, las fuentes "serif" (veces roman nuevas, georgia, todas las fuentes con esas pequeñas decoraciones al final de cada carácter, etc.) funcionan bien en las impresiones, debido al tamaño, el espacio, las uniones entre caracteres, etc. Pero nunca funcionaría bien cuando lo hiciera pequeño. Por otro lado, las fuentes "sans-serif" funcionan bien en ambos escenarios, solo controlan el ancho del carácter, la separación entre caracteres y no tiene problemas de visibilidad en tamaños pequeños digamos 10px, 9px, incluso 8px, donde Todavía puede leer y no molestarse con las decoraciones de las fuentes "serif" que en esos tamaños comienzan a ensuciar.

En segundo lugar, la declaración de CSS para la familia de fuentes tiene otras razones, según recuerdo. La primera fuente es la que te gustaría usar, digamos "Segoe UI". Es una buena fuente, tiene buen tamaño, se ve muy bien pequeña, etc. Pero no es tan común en este momento, así que debería elegir otra fuente que funcione igual de bien y en caso de no ser la primera, el navegador debería usar esto en su lugar. Y así. El verdadero problema es que debes reconocer que cada fuente tiene diferentes espacios externos, espacio entre caracteres, espacio entre palabras, por lo que incluso siendo de la misma familia sans-serif no son exactamente iguales.

Helvetica es una fuente muy famosa porque todo lo que dije antes: se ve muy grande, pequeña, muy pequeña, ancha, estrecha, alta, corta, etc. sus proporciones lo permiten, pero no es tan común utilizado en todas las computadoras porque es de su propiedad, y si lo tienes, entonces usas una Mac o la compraste (a menos que haya venido con un programa gráfico y luego sea solo un tipo de Helvetica).

Así que la declaración debe ser:

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

No debe utilizar fuentes de caracteres de ancho variable con fuentes de caracteres de ancho fijo en la misma instrucción, porque el espacio monoespaciado (mismo espacio entre caracteres) y el ancho variable no se ven ni cerca uno del otro, pero todo eso requiere más conocimiento cuando para usarlo y dónde aplicarlo

Yo mismo uso siguientes:

font-family: Calibri, Arial, sans-serif; font-family: 'Segoe UI', arial, sans-serif;

Calibri es muy pequeño pero fácil de leer, y Segoe es una especie de Verdana pero la versión elegante.

En cualquier caso, Arial y Helvetica son casi lo mismo.

See you.