Están adoptando un enfoque "selectivo" para hacer referencia a la fuente. El navegador intentará hacer coincidir cada nombre de fuente con las fuentes instaladas en la máquina del usuario (en el orden en que se han enumerado).
En su ejemplo "HelveticaNeue-Light"
se probará primero, si esta variante de fuente no está disponible el navegador intentará "Helvetica Neue Light"
y finalmente "Helvetica Neue"
.
Por lo que sé "Helvetica Neue"
no se considera una 'fuente web segura', lo que significa que no podrá confiar en que se instale para toda su base de usuarios. Es bastante común definir "serif"
o "sans-serif"
como una posición predeterminada final.
Para utilizar fuentes que no son "seguras para la Web", deberá utilizar una técnica conocida como incrustación de fuentes. Las fuentes incrustadas no necesitan instalarse en la computadora de un usuario, sino que se descargan como parte de la página. Tenga en cuenta que esto aumenta la carga útil general (al igual que una imagen) y puede tener un impacto en los tiempos de carga de la página.
Un gran recurso para fuentes gratuitas con licencias de código abierto es Google Fonts. (Todavía debe verificar las licencias individuales antes de usarlas). Cada fuente tiene un enlace de descarga con instrucciones sobre cómo incrustarlas en su sitio web.
Sí, no creo que sea seguro para la Web, pero es una fuente excelente. ¿Hay algún lugar donde pueda descargar la fuente web y un kit de @ font-face? ¿O tienes que tener una licencia? – user1505209
Helvetica Neue no está presente en Linux o en Windows. El enfoque más seguro es usar una pila completa: 'font-family:" Helvetica Neue ", Helvetica, Arial, sans-serif' – depa
@ user1505209 Helvetica Neue es una fuente que necesitaría una licencia. Tenga en cuenta que muchas de las compras de 'fuente web' vienen con restricciones sobre la cantidad de veces que se puede 'ver' una fuente.Esto puede variar mes a mes, o un conteo total. Si tiene un sitio con mucho tráfico, esto puede resultar excepcionalmente costoso: http://www.linotype.com/1266/NeueHelvetica-family.html?site=webfonts&format=ot-cff&branding=pro. Si quieres una alternativa gratuita, puedes probar Liberation Sans: http://graphicdesign.stackexchange.com/a/15464 – haxxxton