Optimize Legibility (Safari Extension)


View All My Safari Extensions

John Gruber linked to an article about the text-rendering:optimizeLegibility CSS property today and as he said, news to me. I’ve built a quick Safari extension to enable it by default in Safari (Firefox already does this). So, without further ado:

Optimize Legibility is a simple Safari extension that injects a single CSS attribute (text-rendering:optimizeLegibility) into every page. This will improve kerning and ligatures in text.

Download it or view the (trivial) source at Github.

Update: 1.0.2 adds an icon and reverts the CSS to matching body rather than wildcard. Should improve performance (although it won’t be noticeably faster on any modern machine).

19 Comments

  1. [...] This post was mentioned on Twitter by Paul Kehrer, knalli. knalli said: #safari #extension http://bit.ly/bd1SHo [...]

  2. Daniel June 29, 2010

    Apparently this feature isn’t default because of performance issues. The wildcard selector you’re using is also criticized for the same reason… Perhaps a less hardcore solution would be to target headings only?

  3. [...]   Optimize Legibility,”text-rendering: optimizeLegibility;”是一个新的CSS标签,用于提供一个更加适合浏览的字间距设置(仅限英语),本插件在浏览页面时强制使用此标签来显示文字。此标签暂只支持Safari 5和Chrome。 [...]

  4. khalil June 30, 2010

    thanxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxx
    xxxxxxxxxxxxxx
    xxxxxxxxxxxxx

  5. Zef Houssney June 30, 2010

    If you use this and are a web developer, remember that others will not see things the way you do unless you add the CSS attribute to your project!

  6. [...] Google Reader – This extension will add several customizable features to Google Reader.Optimize Legibility – This extension will add a rule to the CSS of any webpage, [...]

  7. John July 1, 2010

    I’ve made a similar extension to this for Chrome. Hopefully any web developers and/or designers who come across the excellent Safari extension listed above would be interested in using it as well.

    http://github.com/johnmichel/Optimize-Legibility-for-Chrome

  8. Chia-Wei Yeh July 8, 2010

    I did get the update via auto-update in extension settings, but the icon in the list was not updated to the new one till I de-install and re-installed the extension. This is curious.

  9. [...] new addition to my favourite Safari 5 extensions, next to Youtube5: automatically add the text-rendering:optimizeLegibility CSS property to pages, as to improve kerning and [...]

  10. [...] of Instafari, NoMoreiTunes, Tynt Blocker, Release the Fail Whale, Ashes (direct download link), and Optimize Legibility.Let us know what must haves you use in the comments below.Subscribe to our RSS feeds. You can also [...]

  11. [...] Safari or Chrome, there are some simple extensions that you can use. For Safari, you can try either Paul Kehrer’s Optimize Legibility extension, Chris Morrell’s Optimize Legibility extension or Jim Ray’s Kerning [...]

  12. [...] Safari or Chrome, there are some simple extensions that you can use. For Safari, you can try either Paul Kehrer’s Optimize Legibility extension, Chris Morrell’s Optimize Legibility extension or Jim Ray’s Kerning [...]

  13. [...] two Safari 5 Extensions. Beautifier uses WebKit’s built-in antialiased font smoothing, and Optimize Legibility uses a CSS property that makes the tracking less ugly.BeforeAfterThese tiny little extensions make [...]

  14. [...] Beautifier and Optimize Legibility [...]

  15. [...] Plugin für heute: Optimize Legibility. Tut, was es sagt und einmal installiert, kann man nie wieder ohne. Mehr als tausend Worte sagt ein [...]

  16. Andrei Timoshenko December 7, 2010

    Great extension, but it has, for some reason been breaking Gmail for the past week or so. If the extension is enabled, the rich text controls, the attachment function, and the email address autocomplete all stop working.

  17. The Best Safari Extensions January 14, 2011

    [...] Beautifier and Optimize Legibility [...]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>