Set default zoom level in Safari using a CSS file

Nov 02, '09 07:30:05AM

Contributed by: Anonymous

In this post on Apple's discussion site, user dearlt posted a great tip on how to get Safari to use a default zoom level of your own choosing (instead of the standard 100%). I've edited the post a bit to make it clearer, but the basic instructions are unchanged.

  1. Create a file (using a pure 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!

    If you're using TextEdit on a Mac, be sure to have it create .txt documents by default (not .rft) before copying and pasting the above text. You can set this by going to Preferences » New Document » Format. When you save the file, a warning will come up stating that .txt is the standard extension, but you will be given the option of .txt or .css.
  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.
Voila. Hope that helps someone. (Note that this should work on both OS X and Windows versions of Safari.

Comments (20)


Mac OS X Hints
http://hints.macworld.com/article.php?story=20091019093600680