Compare Revisions
Font size and zoom - increase the size of web pages
Revision 53501:
Revision 53501 by heyjoni on
Revision 53905:
Revision 53905 by Verdi on
Keywords:
text, display
text, display
Search results summary:
Zoom is a feature which allows you to increase or decrease either the size of a web page or the size of the text. This article explains how it works.
Zoom is a feature which allows you to increase or decrease either the size of a web page or the size of the text. This article explains how it works.
Content:
Zoom is a feature which allows you to increase or decrease either the size of a web page (Page Zoom, which is the default zoom) or the size of all text displayed in a web page (Text Zoom) in order to improve readability on a website basis. This article explains how to zoom in and out per website and describes the zoom text settings.
* If you want to set the default zoom level for all websites, use for instance the [https://addons.mozilla.org/firefox/addon/nosquint/ NoSquint] add-on.
__TOC__
= How do I zoom in and out? =
There are several ways to zoom in and out.
== Keyboard ==
* To zoom in, increasing the size, press and hold {for mac}{key command}{/for}{for win,linux}{key Ctrl}{/for} while pressing {key +}.
* To zoom out, decreasing the size, press and hold {for mac}{key command}{/for}{for win,linux}{key Ctrl}{/for} while pressing {key -}.
* To reset size back to normal, press and hold {for mac}{key command}{/for}{for win,linux}{key Ctrl}{/for} while pressing {key 0}.
== Mouse ==
If your mouse has a scroll wheel, press and hold {key Ctrl} while scrolling up to zoom in and down to zoom out.
== Menu ==
# {for win,linux}At the top of the Firefox window{/for}{for mac}On the menu bar{/for}, click the {menu View} menu, then go to {menu Zoom}.
# Select either {menu Zoom In}, {menu Zoom Out}, or {menu Reset} for their corresponding action.
== Toolbar ==
{for not fx29}
# Right-click on an empty section of the Tab Strip, select {menu Customize...} and the Customize Toolbar window will open.
# In the Customize Toolbar window, click and drag the "Zoom Controls" toolbar item to the desired place on one of your toolbars.
# Click {button Done} to save the changes to your toolbars.{for linux} Two new magnifying glass icons will be added to your toolbar, one with a plus (+) and one with a minus (-).<br>[[Image:Zoom Controls]]{/for}
# You can now use the {button +}{for linux} magnifying glass{/for} icon on the customized toolbar to zoom in, and the {button -}{for linux} magnifying glass{/for} icon on the customized toolbar to zoom out.{for win}<br>[[Image:Zoom Control - Win]]{/for}
To customize other aspects of your toolbars, please see [[Customize Firefox controls, buttons and toolbars]].
{/for}
{for fx29}
# Click the menu button [[Image:New Fx Menu]], and then click {menu Customize} at the bottom of the window. <!-----use screenshot---->
# Click and drag the zoom controls {button -}{button 100%}{button +} to your toolbar <!-----use screenshot---->
# Click {menu Exit Customize} to close the window when you are finished. <!-----use screenshot--->
# You can now use the {button +}{for linux} magnifying glass{/for} icon on the customized toolbar to zoom in, and the {button -}{for linux} magnifying glass{/for} icon on the customized toolbar to zoom out. The number tells you your current zoom level.<br><!-----needs new screenshot---->
To customize other aspects of your toolbars, please see [[Customize Firefox controls, buttons and toolbars]].
{/for}
= How do I use Text Zoom? =
== How do I switch to Text Zoom? ==
To switch to Text Zoom:
# {for win7,win8}Press the {key Alt} key to temporarily bring up the traditional Firefox menus.{/for} {for win,linux}At the top of the Firefox window{/for}{for mac}On the menu bar{/for}, click the {menu View} menu, then go to {menu Zoom}.
#Select {menu Zoom Text Only}, which will make the controls only apply to text, not images.
== How do I set the minimum text size for Text Zoom?==
You can configure Firefox to display all text at a minimum font size. If a web page contains text that is smaller than your defined minimum size, Firefox increases the font size of the text to this minimum.
To set a minimum text size:
{for not fx29}
# [[T:optionspreferences]]
# Select the {menu Content} panel.
# In the '''Fonts & Colors''' pane, click {button Advanced...}.
# In the Minimum Font Size drop-down, select the minimum size in pixels in which all text must be displayed.{for win}<br/> <br/> [[Image:db77c7d84de3d81d1ef8a3b990b24ad6-1259464375-924-1.png]]
# Click {button OK} to save your changes.
{/for}
{for fx29,win}
#Click the menu button [[Image:New Fx Menu]], and then click on {menu Options}
# Select the {menu Content} panel.
# In the '''Fonts & Colors''' pane, click {button Advanced...}.
# In the Minimum Font Size drop-down, select the minimum size in pixels in which all text must be displayed.{for win}<br/> <br/> [[Image:db77c7d84de3d81d1ef8a3b990b24ad6-1259464375-924-1.png]]
# Click {button OK} to save your changes.
{/for}
[[Template:ShareArticle|link=http://mzl.la/LGna5e]]
The zoom controls allow you to increase or decrease either the size of a whole web page or just the size of all the text in order to improve readability. We'll explain how it works.
__TOC__
= Zoom in and out of a website =
Here's how you can zoom in and out of individual websites.
{for not fx29}
*'''Keyboard shortcut:'''
** To zoom in, increasing the size, press and hold {for mac}{key command}{/for}{for win,linux}{key Ctrl}{/for} while pressing {key +}.
** To zoom out, decreasing the size, press and hold {for mac}{key command}{/for}{for win,linux}{key Ctrl}{/for} while pressing {key -}.
** To reset size back to normal, press and hold {for mac}{key command}{/for}{for win,linux}{key Ctrl}{/for} while pressing {key 0}.
*'''Add zoom controls to your toolbar:'''
*# Right-click on an empty section of the Tab Strip, select {menu Customize...} and the Customize Toolbar window will open.
*# In the Customize Toolbar window, click and drag the "Zoom Controls" toolbar item to the desired place on one of your toolbars.
*# Click {button Done} to save the changes to your toolbars.{for linux} Two new magnifying glass icons will be added to your toolbar, one with a plus (+) and one with a minus (-).<br>[[Image:Zoom Controls]]{/for}
*#* You can now use the {button +}{for linux} magnifying glass{/for} icon on the customized toolbar to zoom in, and the {button -}{for linux} magnifying glass{/for} icon on the customized toolbar to zoom out.{for win}<br>[[Image:Zoom Control - Win]]{/for}
{/for}
{for fx29}
# Click the menu button [[Image:New Fx Menu]] on the right. The customization menu will open and you will see the zoom controls at the top.
#;{for win}[[Image:Zoom 29 - Win8]]{/for}{for mac}[[Image:Zoom 29 - Mac]]{/for}{for linux}[[Image:Zoom 29 - Linux]]{/for}
# Use the {button +} button to zoom in, and the {button -} button to zoom out. The number in the middle is the current zoom level - click it to reset the zoom to 100%.
{note}'''Keyboard shortcuts:''' You can also use the zoom controls without a mouse. Press and hold {for mac}{key command}{/for}{for win,linux}{key Ctrl}{/for} while pressing {key +} to zoom in, {key -} to zoom out, or {key 0} to reset. {/note}
{/for}
{note}'''Tip:''' To set the default zoom level for all websites, try the [https://addons.mozilla.org/firefox/addon/nosquint/ NoSquint] add-on.{/note}
= How to only change the size of the text =
Instead of changing the size of everything, you can just change the size of the text.
#{for win7,win8}Press the {key Alt} key to temporarily bring up the traditional Firefox menus.{/for} On the menu at the top, click {menu View}, then go to {menu Zoom}.
#Select {menu Zoom Text Only}. This makes the controls only change the size of text; not images.
== Set a minimum text size==
You can set Firefox to automatically display all text at a minimum font size. If a web page contains text that is smaller, Firefox increases the font size of the text to this minimum.
# [[T:optionspreferences]]
# Select the {menu Content} panel.
# In the '''Fonts & Colors''' pane, click {button Advanced...}.
# In the Minimum Font Size drop-down, select the minimum size in pixels in which all text must be displayed.
#;[[Image:db77c7d84de3d81d1ef8a3b990b24ad6-1259464375-924-1.png]]
# Click {button OK} to save your changes.
[[Template:ShareArticle|link=http://mzl.la/LGna5e]]