Ask Different is a question and answer site for power users of Apple hardware and software. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

In Safari 5 you could just change the Reader.html file inside of the to use a sans-serif font. This Reader.html does not exist in Safari 6.

How do I manage to change the font of Safari Reader (6)?

I hate to read serif fonts.

share|improve this question
One sure-working way is to delete the font Safari uses, and make a duplicate of the font you want named the same as what Safari uses. – AMomchilov Aug 13 '12 at 11:42
up vote 4 down vote accepted

Add a rule like this to /System/Library/PrivateFrameworks/Safari.framework/Versions/A/Resources/Reader.html:

.page, h1.title {
  font-family: 'Avenir Next' !important;

The !important is required because a .page div has an inline style attribute that overrides the fonts in Reader.html.

share|improve this answer
Awesome, thank you! They moved it to a very obscure location. – JBX_6 Aug 13 '12 at 18:14

You can also change the Reader.html CSS on iPad, iPhone or iPod, confirmed working on iOS8.1.2 iPad Air 2.

You will need to Jailbreak your iOS device, and download a file system managing app called iFile. Then you'll have full Explorer/Finder functionality on your iOS device.

Next, navigate to the folder:


This is the location on my iPad Air 2 with iOS 8.1.2, it may differ for you. If you upgrade to the paid version of iFile for $4, you can do a search system wide for the Reader.html file, which is what I did.

Open in Text Viewer, now just change the CSS as desired, anywhere you see the "font: -apple-system-*" declaration.

If you want to change the main body typography, add a font-family declaration to the .page tag. For example:

  .page {
        font: -apple-system-body;
        text-align: start;
        font-family: Georgia;


You can do the same thing to edit the page heading under the h1.title tag

h1.title {
        font: -apple-system-headline;
        font-weight: normal;
        text-align: start;
        -webkit-hyphens: manual;
        font-family: Georgia;

Save Reader.html, reload the Safari webpage, and enjoy your new Reader font!

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.