Menu

19 juli 2014

Tekstgrootte van een website aanpassen (OS X & iOS)

Safari logo 7 retinaSinds de introductie van retinaschermen en mobiele apparaten zoals de iPad en iPhone hebben steeds meer en meer website ervoor gekozen om een groter lettertype en foto’s te gebruiken. Deze keuze is erg opvallend omdat je op een retinascherm de content scherper ziet en je helemaal geen groot lettertype nodig hebt om het duidelijk te kunnen lezen.

Het is een trend, maar een erg vervelende trend. Het viel ons op dat we de laatste dagen steeds meer vragen kregen over een mogelijkheid om dit te kunnen uitschakelen in Safari. Helaas kun je dit niet blijvend uitschakelen, maar het is wel mogelijk om handmatig de content op je scherm te verkleinen.

Open hiervoor Safari en ga naar een willekeurige website met bijvoorbeeld een groot lettertype. Je kunt de toetscombinatie cmd⌘ ‘-‘ gebruiken om uit te zoomen. Door dit enkele malen te doen merk je direct het verschil, een overzichtelijkere pagina. In sommige gevallen kan het ook storend zijn als een webpagina zijn content te klein weergeeft. Dit kun je dan weer verhelpen via de toetscombinatie cmd⌘ ‘+’.

safari zoomen osx

Daarnaast is het ook mogelijk om in of uit te zoomen op alleen tekst. Open hiervoor Safari, klik in de menubalk op ‘Weergave’ en selecteer de optie ‘Zoom alleen in of uit op tekst’. Wanneer je nu de toetscombinatie cmd⌘ + of cmd⌘ – toepast zal er alleen worden in- of uitgezoomd op tekst.

iOS: De tekstgrootte in Safari aanpassen

Ook in iOS kun je handmatig de tekst verkleinen of vergroten, echter moet je hiervoor enkele javascripts toevoegen aan je bladwijzers. Wanneer je de mogelijkheid wilt hebben om de tekstgrootte aan te passen dan kun je de onderstaande stappen doorlopen.

Open Safari op je iPad, iPhone of iPod touch en maak twee nieuwe bladwijzers aan, daarbij maakt het niet welke webpagina je hiervoor gebruikt. Geef de twee bladwijzers de naam ‘-‘ en ‘+’. Je maakt een bladwijzer aan via het deel-icon naast de adresbalk, selecteer de optie ‘Bladwijzer’. Plaats de bladwijzers in ‘Favorieten’.

safari zoomen

Nadat je dit gedaan hebt moet je beide bladwijzers voorzien van de nodige javascripts. Klik op het bladwijzer (boekje) symbool in de knoppenbalk van Safari. Tap op ‘Bladwijzers’ en navigeer naar je Favorieten en de zojuist toegevoegde bladwijzers, tap vervolgens op ‘Wijzig’. Selecteer ‘-‘ bladwijzer en vervang de url met de onderstaande code:

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"}

Plaats in de ‘+’ bladwijzer de volgende code:

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"}

Hierna heb je de beschikking over de ‘+’ en ‘-‘ knoppen voor het aanpassen van de tekstgrootte in Safari voor iOS. Overigens werkt deze optie naast de iPad ook op de iPod Touch en iPhone.

Meer over Safari kun je hier terugvinden.




Gerelateerde tips:




Reacties


  • Philip Planchenault 19 juli 2014 om 22:59

    Kunnen die Java scripts ook beschikbaar gesteld worden zodat ik ze vanop de iPad kan copy-pasten aub ? Ik zie ze allebei “truncated” …

    Alvast bedankt

  • Philip Planchenault 20 juli 2014 om 13:08

    Raar … na installatie van deze javascript bookmarks via OSX (op iPad niet te copy-pasten) … met de + gebeurt er niets, met de – wordt het lettertype groter …

    Ook verandert door het aanpassen van het lettertype de indeling en leesbaarheid van de websites … op iOS devices is het naar mijn gevoel beter (en gemakkelijker) om op een site te zoemen met 2-vinger-beweging …

  • MrBello 25 juli 2014 om 16:30

    grotere lettertypes helemaal niet raar, al heb ik een bril, die corrigeert niet alles en dus is een standaard corps 12 voor mij persoonlijk onleesbaar op m’n macbookpro 15″
    vandaar dat ik de CMD-+ vaak gebruik, ook om beter overzicht te krijgen gebruik ik regelmatig CMD-0 (nul)

  • Sabine 1 augustus 2014 om 17:47

    Perfect, dit mis ik al zo lang in safari. Werkt bij mij uitstekend!

Een reactie toevoegen: