Come modificare le dimensione del testo con il browser
di ROBERTO DI VITO. 12 Dicembre 2008
Tutti i browser supportano il ridimensionamento dei caratteri, persino quelli più vecchi. I browser più recenti mettono a disposizione anche una modalità di zoom che ingrandisce l'intera struttura del sito. Ma l'implementazione varia a seconda del browser.
Qui spieghiamo le opzioni a dispozione dell'utente e le caratteristiche dell'implementazione dei vari browser
Il ridimensionamento del testo
Prima di analizzare in dettaglio le possibilità offerte dai vari browser diciamo due parole in generale sulle opzioni messe a disposizione dai browser e su come queste possono essere influenzate dalle scelte del web designer.
La funzione di zoom
La funzione di zoom ingrandisce l'intera struttura della pagina mantenendo le proporzioni fra testo, immagini, riquadri etc.
Il vantaggio della funzione di zoom è che conserva l'impaginazione evitando che il testo trabordi dai riquadri o scompaia improvvisamente dietro ad altri elementi. In gergo tecnico si dice che evita la rottura del layout.
Lo svantaggio dello zoom è che a volte ingrandisce la pagina oltre le capacità orizzontali dello schermo perdendo una parte del contenuto o comunque rendendone difficile la visione. Gli utenti sono abituati a scorrere le pagine verticalmente e spesso sono infastiditi ed impacciati nell'utilizzare la barra di scorrimento orizzontale.
Il web designer può realizzare un'impaginazione che si ridimensiona assieme al testo (zoom layout) quando si modificano le dimensioni di quest'ultimo. Il web designer supera in questo modo le limitazioni del browser, permettendo lo zoom anche sui browser che non lo supportano (come accade ad esempio per il sito che state leggendo ora.)
Ridimensionamento del solo testo
Tutti i browser permettono di modificare le dimensioni del testo. Quelli più vecchi consentono almeno 5 dimensioni di caratteri predefinite. Gli altri permettono ridimensionamenti arbitrari solitamente con variazioni del 20%.
Talvolta i siti dispongono di script per il ridimensionamento dei caratteri che permettono di variarne le dimensioni attraverso dei pulsanti che si trovano direttamente sulla pagina web. Il vantaggio è che così si possono controllare meglio le scale di ingrandimento ma lo svantaggio è che il gioco non funziona se gli script sono disattivati.
Come modificare le dimensioni del testo con il browser
Internet Explorer 7.0
Internet Explorer 7 ha sia lo zoom che il ridimensionamento dei caratteri. Il testo si ridimensiona attraverso l'opzione dimensioni testo dal menù pagina. Si possono selezionare 5 grandezze.
Per ridimensionare il sito intero con lo zoom:
- Combinazioni dei tasti
- con le combinazioni CTRL + + e CTRL + - si aumenta o diminuisce del 10% la dimensione del sito, con CTRL + 0 si riporta il sito alla grandezza originale;
- Dai menù
- con l'opzione zoom dal menù pagina.
Mozilla Firefox 3.0
Firefox mette a disposizione entrambe le possibilità sia lo zoom che il normale ridimensionamendo dei caratteri. Il browser è impostato di base per effettuare lo zoom. Si può passare da una modalità all'altra attraverso l'opzione zoom dal menù visualizza e spuntanto la voce zoom solo del testo.
Gli utenti possono ridimensionare il testo o la pagina attraverso:
- Combinazioni di tasti
- con le combinazioni CTRL + + e CTRL + - si aumenta o diminuisce la dimensione del 20%, con CTRL + 0 si ritorna alle dimensioni predefinite
- Combinazioni di tasti e mouse
- con il tasto CTRL e la rotellina del mouse si modifica la dimensione progressivamente del 20%
Safari 3.0 e successive
Safari offre il solo ridimensionamento del testo attraverso:
- Combinazioni di tasti
- con le combinazioni CTRL + + e CTRL + - si aumenta o diminuisce la dimensione del carattere del 20%, con CTRL + 0 si riporta il carattere alla dimensione predefinita;
- Combinazioni di tasti e mouse
- con il tasto CTRL e la rotellina del mouse si modifica la dimensione progressivamente del 10%;
- I menù
- con l'opzione dimensione testo dal menù visualizza. Si aumenta o diminuisce la dimensione del carattare del 20%.
Opera versioni 9.0 e successive
Opera supporta la sola funzione di zoom. Non è possibile perciò ridimensionare i soli caratteri. Per usare la funzione di zoom si può:
- Combinazioni dei tasti
- Con i tasti + e - si aumentano o diminuiscono le dimensioni del sito di un 10%; con * si riportano alla normalità. Attenzione! nelle vecchie versioni di Opera (tra cui la 8.0), le combinazioni CTRL + + e CTRL + - aumentano o diminuiscono la grandezza del sito del 100%;
- Dai menù
- con l'opzione zoom dal menù visualizza.
Google Chrome
Permette il ridimensionamento del solo testo attraverso:
- Combinazioni di tasti
- con le combinazioni CTRL + + e CTRL + - si aumenta o diminuisce la dimensione del carattere del 25%, con CTRL + 0 si riporta il carattere alla dimensione predefinita;
- Combinazioni di tasti e mouse
- con il tasto CTRL e la rotellina del mouse si modifica la dimensione progressivamente del 25%;
- Dai menù
- con l'opzione text zoom (in inglese!) dal menù pagina (? il menù non ha un nome, ma è rappresentato da una pagina) Si aumenta o diminuisce la dimensione del carattare del 25%.
Intenet Explorer versioni 6.0, 5.5 e 5.0
Le vecchie versioni di Internet Explorer supportano solo il ridimensionamento del testo. La grandezza del testo si modifica attraverso l'opzione carattere dal menù visualizza. Si possono selezionare 5 grandezze.
Corsi di webdesign
Da anni svolgiamo corsi di formazione di web design di alto profilo, affrontando in maniera approfondita tutti gli aspetti del campo: dal design di un'interfaccia utente pienamente usabile all'accessibilità per i siti della pubblica amministrazione, toccando gli aspetti tecnici più avanzati per la realizzazione di siti web moderni e funzionali.
Da ora è possibile seguire i nostri corsi anche via web.
Argomenti correlati
Articoli
- Come usare gli access key con i browser
- La maggiore parte dei Browser utilizza i tasti d'accesso (access key). Purtroppo ciascun browser impiega delle combinazioni di tasti specifiche. I browser differiscono inoltre per il loro comportamento nella selezione degli accesskey. Ecco come orientarsi
segui lo studio su: