Cerca nel blog

martedì 22 febbraio 2011

La dimensione del testo impostata nei fogli di stile e le funzioni di ingrandimento offerte dai browser

In una pagina di un sito web la dimensione del testo può essere regolata utilizzando i fogli di stile (CSS) attraverso la proprietà "font-size" che accetta valori di tipo numerico, per esempio "5mm" o letterale, per esempio "larger"[1]. I valori numerici devono essere accompagnati da un'abbreviazione che indica l'unità di misura: "5mm", cioè cinque millimetri[1].
In un browser l'utente spesso ha a disposizione una funzione per modificare la dimensione del testo per adattarla alle sue specifiche esigenze di lettura. Per esempio se il testo mi appare troppo piccolo e faccio fatica a leggerlo, attraverso il browser posso renderlo più grande "sovrascrivendo" le dimensioni che erano state impostate dai fogli di stile.
Oltre alla dimensione del testo, il browser spesso offre la possibilità di ingrandire tutta la pagina facendo uno "zoom" sull'intero documento: ovviamente se lo scopo dell'utente è ingrandire il testo per leggere meglio, vedere immagini, video, e altri elementi che cambiano dimensione occupando molto spazio sullo schermo può essere solo di intralcio alla navigazione.
In alcuni casi la funzione di ingrandimento del testo offerta dal browser può dipendere dal tipo di valore che è stato assegnato alla proprietà "font-size" nel foglio di stile, è il caso di Internet Explorer: se è stato utilizzato un valore in pixel, l'utente non ha più la possibilità, almeno di default, di variare la dimensione del testo. Questa caratteristica è stata mantenuta nella versione 7, nella versione 8, e, allo stato attuale, anche nella versione 9, così come riportato, di volta in volta da Roger Johansson nel suo sito 456 Berea Street.

Fonti
  1. Hȧkon Wium Lie, Bert Bos, Cascading Style Sheets, guida pratica, Pearson Education Italia S.r.l, Milano, 2006, p.104 ss.
  2. Richard Rutter, How to size text using ems, clagnut, 18 maggio 2004, clagnut.com/blog/348/, URL consultato il 22 febbraio 2011
  3. Roger Johansson, IE 7 does not resize text sized in pixels, 456 Berea Street, 20 marzo 2007, www.456bereastreet.com/archive/200703/ie_7_does_not_resize_text_sized_in_pixels/, URL consultato il 22 febbraio 2011
  4. Roger Johansson, IE 8 still does not resize text sized in pixels, 456 Berea Street, 23 febbraio 2009, www.456bereastreet.com/archive/200902/ie_8_still_does_not_resize_text_sized_in_pixels/, URL consultato il 22 febbraio 2011
  5. Roger Johansson, IE 9 does not resize text sized in pixels, 456 Berea Street, 18 ottobre 2010, www.456bereastreet.com/archive/201010/ie_9_does_not_resize_text_sized_in_pixels/, URL consultato il 22 febbraio 2011

Nessun commento:

Posta un commento