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

force font in a specific domain...

  • 4 replies
  • 2 have this problem
  • 20 views
  • Last reply by deanone

more options

I prefer a specific font across most sites. However, with 'Allow pages to use their own fonts...' unchecked, is it possible to force a single domain to use its' own fonts with css?

I prefer a specific font across most sites. However, with 'Allow pages to use their own fonts...' unchecked, is it possible to force a single domain to use its' own fonts with css?

All Replies (4)

more options

You can specify the font with code in userContent.css.


@-moz-document domain(<enter domain>){
html, body, body * { font-family: "<font name>" !important; }
}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Use a plain text editor like Notepad to create a (new) userContent.css file in the chrome folder (file name is case sensitive)
  • Paste the code in the userContent.css file in the editor window
  • Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userContent.css.
    Otherwise Windows may add a hidden .txt file extension and you end up with a not working userContent.css.txt file

Modified by cor-el

more options

Thanx cor-el... I should have been more specific. I'm already utilizing a userContent.css file... A handful of sites do not display certain icons correctly if they are not allowed to use their own fonts. I would like to keep 'Allow pages to use their own fonts...' UNchecked in options but force a specific domain to behave as if it is checked. This way I can view them as is determined by the site meanwhile the rest of the web is using the font(s) specified in userContent.css. I hope this is clearer...

more options

What code do you use in the userContent.css file? Is that site specific with @-moz-document domain(){} rules or generic CSS rules for all websites?

more options

I'm using a specific font for all websites. This works just fine on 99% of the sites I visit... However, discogs.com (for example) will not display some icons correctly unless 'Allow pages to use their own fonts...' is checked.