Productivity

Change The Font Size On iPhone And iPad Websites With Bookmarklets

Ever run into a website on your iPhone or iPad where the text just wasn’t the right size? Blogger Marcos Kirsch has put together a simple Javascript bookmarklet to quickly change the font size on any page.

The process is pretty simple and in the end you can quickly change the font size on any page:

  1. Open up Safari and create and save a new bookmark to the bookmarks bar.
  2. Tap the bookmarks button again and choose edit.
  3. Name the new bookmark + and paste the URL with this Javascript:
    javascript:var p=document.getElementsByTagName('*');for(i=0;i<p.length;i++){if(p[i].style.fontSize){var s=parseInt(p[i].style.fontSize.replace("px",""));}else{var s=12;}s+=2;p[i].style.fontSize=s+"px"}
  4. Repeat steps 1 through 3, but replace the + with a – and insert this Javascript:
    javascript:var p=document.getElementsByTagName('*');for(i=0;i<p.length;i++){if(p[i].style.fontSize){var s=parseInt(p[i].style.fontSize.replace("px",""));}else{var s=12;}s-=2;p[i].style.fontSize=s+"px"}

Now you’ll have bookmarklets to quickly change the font size of any text.

Font size bookmarklets [The Marcos Kirsch Experience via OS X Daily]


Have you subscribed to Lifehacker Australia's email newsletter? You can also follow us on Facebook, Twitter and YouTube.