¿Por qué Helvetica Neue no se procesa correctamente?


13

Instalé algunas variaciones nuevas de Helvetica el otro día y desde entonces Helvetica Neue no está mostrando cómo debería (en Chrome o Firefox).

Intenté eliminar todas las fuentes Helvetica e instalarlas nuevamente, pero aún no se reproducen correctamente.

Esto es lo que parece:

ingrese la descripción de la imagen aquí

¿Algunas letras parecen ser más altas que otras?

La fuente debe ser: 14px / 1.4 normal "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;


1
¿Cuál es el sistema operativo?
y31415

@ and31415 Supongo que es un problema común en Windows y Mac.
Omar

Respuestas:


11

Supongo que está ejecutando en Windows, ya que los usuarios de Mac no necesitan instalar Helvetica Neue.

Esta fuente normalmente no existe en Windows y es reemplazada por Arial. Instalar cualquier sabor de Helvetica es algo complicado, ya que se usa con bastante frecuencia en las hojas de estilo CSS, por lo que puede ser recogido por el navegador incluso en los casos en que Arial es mejor, para estropear la representación de fuentes en el navegador.

Hay varias implementaciones / sabores de la fuente Helvetica Neue. Algunos se destacan en tamaños de fuente grandes pero dan resultados pobres para tamaños normales. He oído que este da buenos resultados, pero no lo he usado personalmente.

Chrome le permite proporcionar sus propios cambios de CSS personalizados que anulan el CSS del sitio web. Para encontrar el archivo CSS personalizado, cierre Chrome y vaya a la carpeta:

%AppData%\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

y abra el archivo Custom.cssen su editor de texto favorito.

Para usar Arial en lugar de Helvetica, pegue las siguientes líneas:

@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'; src: local('Arial'); }
@font-face { font-family: 'helvetica'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'HelveticaNeue-Light'; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue Light'; src: local('Arial'); }

También puede usar la extensión Chrome Cambiar el estilo de familia de fuentes para forzar el uso de Arial en lugar de Helvetica.

EDITAR

Se ha observado que el soporte de la hoja de estilo del usuario (Custom.css) se ha eliminado de Chrome desde noviembre de 2013 , lo que explica por qué la solución habitual ya no funciona.

Sus opciones restantes como las veo son:

  1. Use la extensión Cambiar estilo de familia de fuentes.
  2. Elimine totalmente Helvetica de Windows para obligar a Chrome a usar Arial
  3. Cambiar a otro navegador.

Para eliminar completamente Helvetica, haga lo siguiente:

  1. Vaya a Inicio> Panel de control> Fuentes, seleccione las fuentes y luego, en el menú Archivo, haga clic en Eliminar ( fuente ).
  2. Elimine el archivo de caché de fuentes C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATy reinicie.
  3. Solo si es necesario, busque en el registro "helvetica" y elimine (con mucho cuidado), luego reinicie.

Gracias por su aporte. Razón de la recompensa " La (s) respuesta (s) actual (es) están desactualizadas y requieren revisión dados los cambios recientes ". De hecho, estaba usando la solución que me proporcionó, pero después de la última actualización de Chrome, dejaron de funcionar.
Omar

1
¿Has intentado desinstalar Helvetica y dejar que Chrome vuelva a Arial por defecto? También puedes probar la extensión.
harrymc

He restaurado las fuentes predeterminadas, pero no tengo dados. Prefiero no usar extensiones.
Omar

Incluso si ha eliminado las fuentes, aún pueden existir en el caché de fuentes. Para vaciarlo, elimine el archivo C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATy reinicie.
harrymc


1

Así que tuve este problema hoy y tropecé con la respuesta a una pregunta similar sobre quora. Esto me lo arregló más rápido:

  1. Instale la extensión Force Custom Fonts
  2. Vaya a la configuración de extensión en chrome: // extensiones
  3. Junto al menú Fuentes sustitutas, haga clic en el icono + para agregar una fuente sustituta.
  4. Seleccione Helvetica Neue usando el menú desplegable en el primer cuadro y Arial en el segundo menú desplegable junto a él.
  5. Guarde sus preferencias, actualice las páginas que tuvieron el problema, ¡obtenga ganancias!
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.