2009-07-31 5 views
6

He instalado Helvetica en mi PC con Windows XP, lo que es genial para diseñar, pero Helvetica tiene un aspecto horrible cuando se muestra en un navegador en la PC.¿Cómo bloqueo una cierta fuente en Firefox?

EG Si vuelvo a visitar un sitio web con este estilo:

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

... Se muestra Helvetica, ya que se instala en mi sistema.

¿Puedo forzar a Firefox a pretender que Helvetica no está instalado en mi sistema? Quiero que estas páginas se muestren en Arial.

Respuesta

8

El otro día me encontré con un sitio que utiliza cómico sin, y decidí que quería reemplazarlo con Verdana. Hice algunos google y encontré this Greasemonkey script que elimina Comic Sans de cualquier sitio web que visite. He reescrito el guión para reemplazar Helvetica con Arial

var tags = document.getElementsByTagName('*'); 
for (var i in tags) { 
    var style = getComputedStyle(tags[i], ''); 
    if (style.fontFamily.match(/helvetica/i)) { 
     var fonts = style.fontFamily.split(','); 
     for (var j in fonts) { 
      if (fonts[j].match(/helvetica/i)) { 
       fonts[j] = 'arial'; 
      } 
     } 
     tags[i].style.fontFamily = fonts.join(','); 
    } 
} 
+0

Esto CASI funciona, revisé una página de Helvetica en Firebug y por alguna razón la secuencia de comandos agrega "Luz" al final de la fuente. Así que terminé con: font-family: "Arial! Important Light", Helvetica, Arial, sans-serif; Lo mismo sucedió cuando eliminé "! Important" e intenté algunas otras fuentes. ¿Alguna idea de dónde viene este misterio "Luz"? – Ben

+1

Edité mi publicación. El nuevo código debería funcionar. El sitio web que estabas mirando probablemente tenía 'Helvetica Light' como la primera fuente. – Rob

+0

perfecto !! gracias Rob! – Ben

1

Creo que User CSS/Estilos de usuario puede ayudar a obligar al navegador a anular el estilo de las páginas.

Algunos tutorials a help

3

Las siguientes instrucciones no requieren ningún tipo de plugins o complementos, que es una ventaja.

  1. Encuentra tu profile folder.
  2. Navegue a la subcarpeta 'chrome'. Si no existe, créelo.
  3. Ahora dentro de esa carpeta, crea un archivo vacío llamado 'userContent.css'.
  4. Abra ese archivo en un editor de texto y agregue este texto (todo en una línea): @font-face { font-family: 'Helvetica'; src: local('Arial'); }
  5. Guarde ese archivo y reinicie Firefox.

Solo una nota sobre el paso cuatro. Es posible que necesite reemplazar varias fuentes, por lo que debe copiar y pegar esa línea, pero reemplazando cada fuente. Por ejemplo, necesito esto: @font-face { font-family: 'helvetica neue'; src: local('Arial'); }.

+0

Consulte también: https://superuser.com/a/532623/460302, especialmente con respecto al requisito (al menos a partir de FireFox 55.0.3) de utilizar la directiva '! Important'. –

Cuestiones relacionadas