how can i set different font for different tabs/pages
I want to set different fonts for different tabs/pages? is it possible to do the same? If yes how? I can change the fonts under tools>options>contents>advanced. but that changes global settings. tried some add ons too- but that too changes the global settings. some pages like tweetdeck do not display icons etc properly under custom fonts. when i check "allow pages to select their own font" tweetdeck shows up fine but a number of other pages show fonts that are too big or some non standard fonts. Is there a way where i can select site default fonts for some sites/tabs, and custom fonts for other sites/tabs? otherwise i have to open different sites in different browsers- say i use my custom fonts- which apply globally, and open tweetdeck etc in Internet Explorer or Chrome etc. if i can have all tabs in one window/browser, that would be great.
Chosen solution
I did find an add on that lets me customize the fonts for specific sites, even specific elements within a site.
Add-on: customize your web. its lot simpler than grease-monkey scripts. Link : https://addons.mozilla.org/en-US/firefox/addon/customize-your-web/?src=search
that solves my problem.
i can select "allow pages to select their own font" so that pages like twitter and tweet deck work properly.
for pages like facebook, where i do not like the default font and display, and due to the poor design even zoom does not solve my problem, i can specify the font i want.
thank you all for the help
All Replies (4)
It's not a built-in feature to override a page's styles on a tab-by-tab or site-by-site basis, but perhaps someone has created an add-on for this?
It also is possible to create style rules for particular sites and to apply them using either a userContent.css file or the Stylish extension. The Greasemonkey extension allows you to use JavaScript on a site-by-site basis, which provides further opportunity for customization. But these would take time and lots of testing to develop and perfect (and perfection might not be possible)...
Regarding size, does the zoom feature help solve that part? In case you aren't familiar with the keyboard and mouse shortcuts for quickly changing the zoom level on a page, this article might be useful: Font size and zoom - increase the size of web pages.
Thanks. I am aware of the zoom keyboard and mouse shortcuts (CTRL +/-/0/mouse wheel scroll up/down). It works for some sites like Gmail, but for sites like Facebook (and many others) the zoom alters the display area too.. i see blank spaces on both sides of the screen. tried searching for add ons, didn't find anything. will update here if i find an add-on for the same.
You will have to allow pages to choose their own fonts to avoid issues with downloadable font or otherwise font problems when pages use absolute positions or otherwise are designed badly.
You can use an extension to set a default font size and page zoom on web pages.
- Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/
- NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/
See also these for advanced zoom settings:
Suluhisho teule
I did find an add on that lets me customize the fonts for specific sites, even specific elements within a site.
Add-on: customize your web. its lot simpler than grease-monkey scripts. Link : https://addons.mozilla.org/en-US/firefox/addon/customize-your-web/?src=search
that solves my problem.
i can select "allow pages to select their own font" so that pages like twitter and tweet deck work properly.
for pages like facebook, where i do not like the default font and display, and due to the poor design even zoom does not solve my problem, i can specify the font i want.
thank you all for the help