Así que aquí hay una captura de pantalla de lo pobre que me está representando "Helvetica Neue" en mi PC con Windows 7, Chrome Versión 46.0.2490.86, una página HTML de archivo simple, tenga en cuenta la URL de la barra de ubicación en la imagen:
Y aquí está todo el archivo HTML:
<h4 style="font-family: 'Helvetica Neue';">Helvetica Neue:</h4>
<div style="width: 500px;color:#000;font-family: 'Helvetica Neue';">
Lorem ipsum dolor sit amet, ius at esse nonumy similique,
ea quo erat mollis. Quo mucius legendos appellantur et. Eum cetero verterem cu.
Ex mei stet dolorum, mei perpetua disputando in. Mei affert eruditi consetetur et,
has in sumo fugit scaevola. Te eros illud veniam quo, minimum antiopam eu mei.
</div>
<br />
<h4 style="font-family: Helvetica">Helvetica</h4>
<div style="width: 500px;color:#000;font-family: Helvetica">
Lorem ipsum dolor sit amet, ius at esse nonumy similique,
ea quo erat mollis. Quo mucius legendos appellantur et. Eum cetero verterem cu.
Ex mei stet dolorum, mei perpetua disputando in. Mei affert eruditi consetetur et,
has in sumo fugit scaevola. Te eros illud veniam quo, minimum antiopam eu mei.
</div>
<h4 style="font-family: NotAFont">NotAFont</h4>
<div style="width: 500px;color:#000;font-family: NotAFont">
Lorem ipsum dolor sit amet, ius at esse nonumy similique,
ea quo erat mollis. Quo mucius legendos appellantur et. Eum cetero verterem cu.
Ex mei stet dolorum, mei perpetua disputando in. Mei affert eruditi consetetur et,
has in sumo fugit scaevola. Te eros illud veniam quo, minimum antiopam eu mei.
</div>
No tengo instalado "Helvetica Neue" en mi computadora con Windows 7 en C: \ Windows \ Fonts:
Usando Font Expert para profundizar más, ya que c: \ Windows \ Fonts no siempre muestra todas las fuentes instaladas, todavía no hay una fuente "Helvetica Neue" instalada:
Helvetica Neue no se muestra en chrome: // settings / fonts:
La familia de fuentes representada es de hecho "Helvetica Neue" de acuerdo con las Herramientas de desarrollo de Chrome:
Puede ver que Helvetica funciona bien, sin sorpresas, y aquí está la pestaña Computado de Chrome para Helvetica:
Aquí puede ver mi configuración de Chrome predeterminada "Times New Roman" si la fuente no existe y no hay otras fuentes en la familia de fuentes CSS:
Aquí vemos que Helvetica Neue se ve bien en El Capitan Mac Safari:
Aquí está el mismo problema al usar un historial completamente limpio, configuraciones, marcadores, etc. con " Nueva sesión de Chrome ":
Y puede ver en las nuevas herramientas de desarrollador de sesión de Chrome que la fuente calculada para "Helvetica Neue" sigue siendo Helvetica Neue:
Aquí está Firefox en mi máquina, dice que la fuente Computed para "Helvetica Neue" es Helvetica Neue, aunque al menos la fuente se vuelve clara y legible, y no sorprende que sea la misma fuente que "NotAFont", esto significa que la columna Computed de Firefox Developer Tools no le dice la fuente real utilizada como hace Chrome Developer Tools:
Mi DPI es 96, mi resolución de pantalla es 1920 x 1080.
Por lo tanto, se ha comprobado que la fuente no está instalada en el directorio Windows / Fonts de mi máquina y también se ha comprobado que la fuente no me la entrega un servidor en forma de .woff, .ttf, .eot, o archivo .svg.
Soluciones que he intentado:
1) Agregar lo siguiente a C: \ Users \ YOURUSERNAME \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ User StyleSheets \ Custom.css:
@font-face { font-family: 'helvetica neue'; src: local('Arial'); }
@font-face { font-family: 'helvetica neue'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue'; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue'; font-weight:bold; src: local('Arial'); }
Referencias a la primera solución que intenté https://productforums.google.com/forum/#!topic/chrome/J4dqHZD3dcs https://www.youtube.com/watch?v=fjk1dAR0Z5w
2) Agregar lo siguiente a mi página test.html basada en mi archivo que estoy usando en esta pregunta:
<style>
html, body {
text-rendering: optimizeSpeed !important;
}
</style>
Referencia para la solución 2) https://productforums.google.com/forum/#!topic/chrome/J4dqHZD3dcs
Una sugerencia interesante en los comentarios de este artículo: http://www.hanselman.com/blog/InstallingHelveticaNeueFontsWithGoogleChromeOnWindowsConsideredHarmful.aspx
Se debe a que utiliza Helvetica Neue, que está diseñada para imprimir, no para mostrar en la web. Ve a comprarte una fuente Helvetica que en realidad esté destinada a la web: Neue Haas Grotesk. Esto es Helvetica hecho correctamente para la web;)
¿Es cierto que "Helvetica Neue" es para imprimir? Si es así, ¿por qué es tan frecuente en el diseño web?
¿Cómo es posible que la pestaña Computed Tools de Chrome Developer dice que la fuente calculada es "Helvetica Neue"?
Dado que Chrome está encontrando "Helvetica Neue" en alguna parte, ¿por qué está tan mal renderizado?
chrome://settings/fonts?