How can I disable ligatures and still allow pages to use their own fonts?
I often save to PDF or mark text then transfer it into a document. Firefox renders many letter combinations as ligatures: ff, fi, ffi, fl, and more. I don't want ligatures. The cures proposed have involved forbidding pages to use their own fonts. Is there another way?
Chosen solution
You can override CSS rules supplied by the webpage with your own rules in userContent.css by appending the "!important" flag to each property value.
Read this answer in context 👍 0All Replies (4)
You could possibly use code in userContent.css to disable ligatures.
- https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings
- https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-ligatures
More info about userChrome.css/userContent.css in case you are not familiar:
- https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
- https://www.userchrome.org/firefox-changes-userchrome-css.html
You need to set this pref to true in about:config to enable userChrome.css and userContent.css in Firefox 69+.
- about:config => toolkit.legacyUserProfileCustomizations.stylesheets => true
- https://support.mozilla.org/en-US/kb/about-config-editor-firefox
Chosen Solution
You can override CSS rules supplied by the webpage with your own rules in userContent.css by appending the "!important" flag to each property value.
Thanks. I've never written a CSS so I took a minute to figure it out. For those as slow as I am:
body{
font-variant-ligatures: none; !important
}
in chrome/userContent.css
It annoys me that it's in the 'chrome' subdirectory, a subdirectory I didn't have until now. Why doesn't Firefox have its own?
You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.