Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

Mulongo oyo etiyamaki na archive. Tuna motuna mosusu soki osengeli na lisalisi

force font in a specific domain...

  • 4 biyano
  • 2 eza na bankokoso oyo
  • 20 views
  • Eyano yasuka ya 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

Ezalaki modifié na 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.