Roberto Di Vito

Servizi e Consulenza informatica. Sulmona

La formazione: corsi di informatica dalla patente europea del computer (ECDL) all'informatica professionale, dalla formazione aziendale ai corsi personalizzati

La web agency più qualificata a Sulmona. Creazione siti web. Realizzazione siti statici e dinamici. E-commerce

Menù di accesso rapido

Home

Articoli

Web design / Come modificare le dimensioni del testo con il browser

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

IE7Internet 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

firefoxFirefox 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

safariSafari 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

OperaOpera 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

google chromePermette 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

oldIELe 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.

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

Corsi

Accessibilità dei siti web
accessibilitàCome rendere accessibili i propri siti web senza gravare eccessivamente sui costi. Le linee guida del W3C e la legge italiana.
Corso webdesign con i web standards
Il corso per creare siti web con XHTML e CSS secondo gli standar del Web. Design interfaccia utente per un sito usabilie. Dreamweaver CS3. Upload e gestione di un sito.
Corso Web design avanzato
Un corso per apprendere tutte le tecniche più avanzate con i CSS e per lo schermo per creare layout cross-browser rispettando gli standard del W3C. CSS per dispositivi mobili. CSS per la stampa.