Quasi tutti i browser permette ai visitatori di modificare le dimensioni dei caratteri pagina web con un comando di menu. Tuttavia, molti utenti non sono consapevoli della funzionalità. Gli altri conoscono l'opzione, ma trovarlo scomodo per modificare la dimensione del carattere per un singolo sito Web, quindi immediatamente annullare la modifica dopo aver lasciato il sito. Con questo in mente, molti siti forniscono link sulla pagina che consente agli utenti di aumentare o diminuire la dimensione del carattere su un sito Web con un solo click. L'implementazione di questa funzionalità implica solo poche righe di codice JavaScript e HTML.

Istruzioni

1

Aggiungere codice JavaScript al vostro web page. Visualizzare il codice HTML del documento e trovare il tag con etichetta < / head >. Aggiungere una riga vuota direttamente sopra questo codice. Copiare tutto il codice qui sotto, quindi incollarlo nella riga vuota:

< script type = "text/javascript" >
<!...
Function resize(multiplier) {se (document.body.style.fontSize = = "") {document.body.style.fontSize = "1.0em";} document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (moltiplicatore * 0.2) + "em"; }
-->
< / script >

2

Aggiungere codice HTML alla tua pagina web. Individuare la sezione della tua pagina web dove si desidera posizionare i collegamenti con l'etichetta "Aumentare la dimensione del carattere" e "Diminuzione font size." Aggiungere una riga vuota in questa sezione. Copiare tutto il codice qui sotto, quindi incollarlo nella riga vuota:

< a href="javascript:void(0);" onclick="resize(1)" > aumentare la dimensione del carattere < /a >
< a href="javascript:void(0);" onclick="resize(-1)" > Riduci dimensione carattere < /a >

3

Salvare e visualizzare la pagina web. Salvare la pagina web che appena modificato. Aprire la pagina nel browser web e individuare la sezione in cui è stato aggiunto il "Aumentare la dimensione del carattere" e "Ridurre la dimensione del carattere" etichette. Fare clic su questi link e vedere le dimensioni del testo sulla tua pagina web cambia di conseguenza.