Le texte du site Web plus grand et plus petit

Question

Sur mon site Web, je veux avoir des boutons, un pour faire la taille du texte sur une plus grande, et un pour le rendre un plus petit!

Est-ce que quelqu'un sait comment faire cela?

grâce

Answer 1

Notez que vous ne pouvez pas faire ce que vous voulez avec HTML brut. Vous avez besoin de JavaScript pour cela.

Ce blog explique exactement ce que vous voulez:

• Change Text Size On Click With JavaScript

Donc dans votre cas avec deux boutons dont vous auriez besoin quelque chose comme:

<script type="text/javascript"> 
function resizeText(multiplier) { 
    if (document.body.style.fontSize == "") { 
     document.body.style.fontSize = "1.0em"; 
    } 
    document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (multiplier * 0.2) + "em"; 
} 
</script> 

<input type="button" onclick="resizeText(1)" /> 
<input type="button" onclick="resizeText(-1)" /> 

Answer 2

Les navigateurs modernes ont cette fonctionnalité intégrée. Vous pouvez zoomer/augmenter la taille du texte et cela fonctionne pour toutes les pages. Aussi les utilisateurs sont plus familiers de redimensionner le texte de cette façon que les contrôles personnalisés.