This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to make exception rules for Stylish rules which change fonts?

  • 2 replies
  • 2 have this problem
  • 15 views
  • Last reply by doodiepunk

more options

How to make exception rules for Stylish rules which change fonts? I use Stylish add-on to change specific fonts to other fonts of my choice, but I have a problem. I want to change the font Arial to Tahoma in almost all pages I visit, but with the exception of websites as wikipedia.org. Because of this, I find myself having a very long list of domains to change Arial to Tahoma, only because I don't want that rule to apply to wikipedia.org and additional one or two other websites.

The current rule I'm using is, (my actual list is a lot longer, but this is just an example):
@-moz-document domain("mozilla.org"), domain("thefreelibrary.com"), domain("sil.org"), domain("ethnologue.com") {
@font-face { font-family: 'Arial'; src: local('Tahoma'); }
}

I can't use the following rule because I don't want it to apply to wikipedia.org:
@font-face { font-family: 'Arial'; src: local('Tahoma'); }

How to make exception rules for Stylish rules which change fonts? I use [https://addons.mozilla.org/en-US/firefox/addon/stylish/ Stylish add-on] to change specific fonts to other fonts of my choice, but I have a problem. I want to change the font Arial to Tahoma in almost all pages I visit, but with the exception of websites as wikipedia.org. Because of this, I find myself having a very long list of domains to change Arial to Tahoma, only because I don't want that rule to apply to wikipedia.org and additional one or two other websites. The current rule I'm using is, (my actual list is a lot longer, but this is just an example):<br/> '''''@-moz-document domain("mozilla.org"), domain("thefreelibrary.com"), domain("sil.org"), domain("ethnologue.com") {'''''<br/> '''''@font-face { font-family: 'Arial'; src: local('Tahoma'); }'''''<br/> '''''}''''' I can't use the following rule because I don't want it to apply to wikipedia.org:<br/> '''''@font-face { font-family: 'Arial'; src: local('Tahoma'); }'''''

Modified by doodiepunk

All Replies (2)

more options

Try something like this:

@font-face { font-family: 'Arial'; src: local('Tahoma'); } 

@-moz-document domain(wikipedia.org){
@font-face { font-family: 'Arial'; src: local('Arial'); } 
}
more options

Actually, I tried this rule before, but it made errors in displaying non-Latin characters :(