There used to be a time when Internet Explorer and PCs used to rule the world. It was easy for website owners to create their websites compatible. Over a past few years, several new devices, especially iPad, iPhone, Android Phones, Macs have started to gain popularity and other browsers, especially Firefox, Chrome and Safari are now ruling the world. Though it has been wonderful for the users, but it has increased the work for website owners and developers.

It is not easy anymore to create a website, which fits well with all these different browsers and monitor or screen sizes. was the only are Webpages. You may well have a website, that fits well with your iPad but does not fit well with your 27″ Mac.

Mountain Lion introduced several new features in Safari, which took the features count available in Safari to 250+. You can make use of Zoom in or out feature of Safari to comfortably read webpages not designed for your device.

To add the Zoom button to your toolbar, simply choose Customize Toolbar from the View menu and drag the button onto your toolbar. Similar example of how to drag a button to toolbar is available in the post: Safari address bar missing

You can either do a temporary zoom or a permanent zoom in Safari. Temporary zoom in Safari can be done using Command-Plus(+) or Command-Minus(-).

Permanent Zoom in Safari:

Option # 1

If you simply want pages to display larger fonts in Safari, you can do that by:

Safari -> Preferences -> Advanced

Enable the Never Use Font Size Smaller Than option

Choose a font size. When you do this, fonts on pages you visit should appear at a size specified or larger. Change is automatic and you will not have to restart Safari.

Option # 2

Apple Support has an excellent solution from user dearlt in this post on Apple’s discussion site. Using this tip, you can get Safari to use a default zoom level of your own choosing (instead of the standard 100%). Here’s my attempt to make the post clearer, but the basic instructions are unchanged.

1. Create a file (prefer not to use rich text editor) named defaultzoom.css, or any name you like — just make sure it has a .css extension.
2. Copy and paste the following code into the file:

   body { zoom: 130%; }

   Change 130 to whatever number suits you. Anything greater than 100 means zoom in; less than 100 means zoom out. Don’t forget the % percent sign!

3. Save your file and close the editor.
4. In Safari, go to Preferences » Advanced. Under Style Sheet, select Other, and point it to the file you created. You may need to restart Safari for the change to take effect.

If you like this trick, like our Facebook Page and don’t forget to add Apurva Tripathi and Prashant Tyagi on Google+ for such tips and other amazing stuff.

Tagged as: Safari