¿Por qué Bootstrap 3 usa Helvetica Neue?

Según tengo entendido actualmente: "Helvetica Neue" es una fuente Linotype. Eso significa que debe pagarse y no es de uso gratuito. También es una fuente que no es para web, es para imprimir. No funcionará bien en una variedad de dispositivos, por ejemplo, usuarios de PC que navegan con Chrome o IE. Helvetica Neue es particularmente pobre en renderizar en tamaños pequeños.

Y, sin embargo, justo en Bootstrap v3.3.5 vemos

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  ...
}

Y si busco la declaración de fuente de navegador cruzado "común" de la talla de:

 @font-face {
    font-family: 'Helvetica Neue';
    src: url('Helvetica-Neue-webfont.eot');
    src: url('Helvetica-Neue-webfont.eot?#iefix') format('embedded-opentype'),
    url('Helvetica-Neue-webfont.woff') format('woff'),
    url('Helvetica-Neue-webfont.ttf') format('truetype'),
    url('Helvetica-Neue-webfont.svg#Helvetica Neue') format('svg');

  }

No se encuentra en ningún archivo Bootstrap, ni Bootstrap proporciona archivos .eot, .woff, .ttf o .svg para Helvetica Neue a través de CDN o descarga.

  1. ¿Por qué Twitter elige usar Helvetica Neue cuando no es una fuente Web Friendly?
  2. ¿Cómo entrega Twitter Helvetica Neue a los navegadores si no se solicitan archivos .eot, .woff, .ttf o .svg a un CDN o se incluyen al descargar Bootstrap?
Yo también tengo la misma pregunta. Nuestro sitio web - Saathi Re está lidiando con el mismo problema. Helvetica Neue recurre a Ariel en Windows y hace que se vea bastante diferente. Hay un hilo largo sobre esto con el fundador de Bootstrap aquí , pero parece que ahora está bloqueado.

Respuestas (1)

Que Helvetica Neue no se muestre bien en pantalla es principalmente una cuestión de opinión. Una opinión válida, pero menos hoy que en el pasado ahora con la embestida de las pantallas de alta densidad. Apple lo había estado usando en iOS durante bastante tiempo, por ejemplo.

También tenga en cuenta que estas no son 'fuentes web' en el sentido de que se sirven desde el servidor. Bootstrap simplemente usa pilas de fuentes CSS estándar. Utiliza Helvetica Neue si está en el sistema del usuario final, pero si no, pasa a la siguiente fuente de la lista.

Entonces, para responder a las preguntas:

¿Por qué Twitter elige usar Helvetica Neue cuando no es una fuente Web Friendly?

Muchos dirían que es compatible con la web. En cuanto a por qué se eligió para bootstrap, es probable que Twitter lo use en su propio sitio. Es su marco, por lo que tiene sentido desde un punto de vista puramente de marca.

¿Cómo entrega Twitter Helvetica Neue a los navegadores?

Que no es. Es simplemente una declaración CSS. Como se indicó anteriormente, solo lo usa si está instalado en la máquina del usuario final.

Por último, tenga en cuenta que esto es un marco. La idea es que es un excelente lugar para comenzar, pero de ninguna manera debe dictar su diseño visual por completo.

Agradezco su respuesta y creo que es la respuesta para marcar correcta, excepto que tengo un problema, solo estoy pensando, no asumo que estoy en lo correcto. Lo que estoy pensando es que usted es un usuario de Mac, un dispositivo Apple, y que tiene una inclinación de que Helvetica Neue se renderiza bien y es una cuestión de opinión cuando alguien piensa que no se renderiza bien. Principalmente uso una PC y puedo decirle que tengo muchos problemas con Helvetica Neue que ni siquiera es legible, particularmente en tamaños de fuente pequeños en páginas web en Chrome
@BrianOgden no es tanto un problema de Mac contra PC. Es realmente un problema de densidad de pantalla. Las pantallas de alta densidad pueden reproducir las fuentes mucho mejor que las pantallas de densidad "estándar" de las últimas dos décadas. En pantallas de densidad estándar, creo que mucha gente estaría de acuerdo en que las pequeñas Helvetica o Arial no son ideales y que hay mejores fuentes a considerar para ese propósito.
¿Por qué Bootstrap 3 usa Helvetica Neue?
RespuestasAquíPolítica de privacidad1y, 0v