How to block a specific font in Firefox?

I have Helvetica installed on my Windows XP PC, which is great for designing, but Helvetica looks awful when displayed in a browser on a PC.

EG If I visit a website with this style:

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

... Helvetica is displayed because it is installed on my system.

Can I make Firefox pretend that Helvetica is not installed on my system? I want these pages to display in Arial.

+6
firefox fonts
source share
3 answers

The other day I came across a site that used Comic Sans, and I decided that I want to replace it with Verdana. I did some searches and found this Greasemonkey script that removes Comic Sans from any website you visit. I rewrote this script to replace Helvetica 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(','); } } 
+8
source share

The following instructions do not require plugins or add-ons that are bonuses.

  • Find the profile folder .
  • Go to the "chrome" subfolder. If it does not exist, create it.
  • Now inside this folder, create an empty file called userContent.css.
  • Open this file in a text editor and add this text (all on one line): @font-face { font-family: 'Helvetica'; src: local('Arial'); } @font-face { font-family: 'Helvetica'; src: local('Arial'); }
  • Save this file and restart firefox.

Just check step 4. You may need to replace several fonts, so you should copy and paste this line, but replace each font. For example, I need the following: @font-face { font-family: 'helvetica neue'; src: local('Arial'); } @font-face { font-family: 'helvetica neue'; src: local('Arial'); } @font-face { font-family: 'helvetica neue'; src: local('Arial'); } .

+3
source share

I think Custom CSS / User Styles may help in that you can force the browser to override the page style.

A little tutorials before help

+1
source share

All Articles