# Comment modifier la taille des fonts uniquement sur mobile?

**URL:** <https://community.brevo.com/t/comment-modifier-la-taille-des-fonts-uniquement-sur-mobile/790>\
**Category:** Campagnes\
**Created:** [Février 21, 2024, 3:10 UTC](https://community.brevo.com/t/comment-modifier-la-taille-des-fonts-uniquement-sur-mobile/790 "2024-02-21T15:10:21Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![alcha](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/alcha/32/355_2.png) [@alcha](https://community.brevo.com/u/alcha)\
**Post date:** [Février 21, 2024, 3:10 UTC](https://community.brevo.com/t/comment-modifier-la-taille-des-fonts-uniquement-sur-mobile/790/1 "2024-02-21T15:10:21Z")

</div>

Bonjour  
Je cherche comment modifier la taille de mes textes pour la version mobile, indépendamment de la version desktop. Ou bien rendre l’ensemble responsive ?  
(Mon problème actuel est que j’utilise dans mon design de grands caractères pour mes titres, et me retrouve donc avec trop de mots coupés en affichage mobile)

J’ai vu des indications avec `Viewport-width` ou bien cette solution [Increasing Text Size | Email Design Reference](https://templates.mailchimp.com/development/responsive-email/increasing-text-size/)  
mais je n’ai pas le compétences en code pour les appliquer correctement.

Merci d’avance !

---

<div class="post-metadata">

**Author:** ![ahudavert](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/ahudavert/32/14_2.png) [@ahudavert](https://community.brevo.com/u/ahudavert)\
**Post date:** [Février 21, 2024, 3:14 UTC](https://community.brevo.com/t/comment-modifier-la-taille-des-fonts-uniquement-sur-mobile/790/2 "2024-02-21T15:14:14Z")

</div>

Bonjour @alcha , merci pour votre message !

Je pense que cet article vous sera utile : [https://help.brevo.com/hc/fr/articles/360017383919-Éditeur-Drag-Drop-Partie-6-Modifier-l-affichage-de-vos-emails-sur-mobile](https://help.brevo.com/hc/fr/articles/360017383919-%C3%89diteur-Drag-Drop-Partie-6-Modifier-l-affichage-de-vos-emails-sur-mobile)

En résumé, vous pouvez cliquez sur l’icône mobile, et choisir une configuration sur mobile, notamment concernant la taille des textes. Si j’ai bien lu ce n’est pas détaillé spécifiquement dans l’article, car il donne d’autres exemples, mais c’est tout à fait possible.

Est-ce que cela répond à votre question ?

---

<div class="post-metadata">

**Author:** ![alcha](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/alcha/32/355_2.png) [@alcha](https://community.brevo.com/u/alcha)\
**Post date:** [Février 21, 2024, 3:27 UTC](https://community.brevo.com/t/comment-modifier-la-taille-des-fonts-uniquement-sur-mobile/790/3 "2024-02-21T15:27:14Z")

</div>

Bonjour,  
merci pour votre réponse !  
Si je ne me trompe pas, quand je modifie la taille des textes en affichage mobile, cela change aussi leur taille en affichage desktop…

---

<div class="post-metadata">

**Author:** ![ahudavert](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/ahudavert/32/14_2.png) [@ahudavert](https://community.brevo.com/u/ahudavert)\
**Post date:** [Février 21, 2024, 3:41 UTC](https://community.brevo.com/t/comment-modifier-la-taille-des-fonts-uniquement-sur-mobile/790/4 "2024-02-21T15:41:32Z")

</div>

Ah mince, je pensais que cela fonctionnerait.  
En effet, j’ai regardé de mon côté, je n’ai pas l’impression que cela soit possible d’avoir deux tailles de police différentes en fonction de l’appareil (mobile ou desktop).  
Peut être que @RDuclos en saura plus ?

---

<div class="post-metadata">

**Author:** ![RDuclos](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/rduclos/32/59_2.png) [@RDuclos](https://community.brevo.com/u/RDuclos)\
**Post date:** [Février 21, 2024, 4:44 UTC](https://community.brevo.com/t/comment-modifier-la-taille-des-fonts-uniquement-sur-mobile/790/5 "2024-02-21T16:44:13Z")

</div>

Bonjour @alcha  
Malheureusement, notre éditeur ne permet pas pour le moment de simplement changer la taille d’un texte entre la version desktop et mobile.  
Pour le moment, il est possible de le faire via l’éditeur code comme vous l’avez mentionné ou en contactant le support, qui pourra se charger de le faire pour vous.

A bientôt,  
Raphaël

---

<div class="post-metadata">

**Author:** ![alcha](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/alcha/32/355_2.png) [@alcha](https://community.brevo.com/u/alcha)\
**Post date:** [Février 22, 2024, 8:46 UTC](https://community.brevo.com/t/comment-modifier-la-taille-des-fonts-uniquement-sur-mobile/790/6 "2024-02-22T08:46:08Z")

</div>

Ok merci quand même !

---

<div class="post-metadata">

**Author:** ![ahudavert](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/ahudavert/32/14_2.png) [@ahudavert](https://community.brevo.com/u/ahudavert)\
**Post date:** [Février 22, 2024, 2:26 UTC](https://community.brevo.com/t/comment-modifier-la-taille-des-fonts-uniquement-sur-mobile/790/7 "2024-02-22T14:26:20Z")

</div>

@alcha il y a une solution, qui suppose que vous écriviez un peu de HTML (soyez rassurée, je vais vous guider 😅 )

Voici ce qu’il faut faire :

- ajouter un bloc de texte HTML

 ![Capture d’écran 2024-02-22 à 15.18.56](https://europe1.discourse-cdn.com/flex013/uploads/brevo/original/1X/af7a04115886a28f741f6dbab19c075635d06f15.jpeg)

- dans ce bloc de texte, ajouter des éléments de ce type là

 ![Capture d’écran 2024-02-22 à 15.25.46](https://europe1.discourse-cdn.com/flex013/uploads/brevo/original/1X/e0864dd1b19f30bd8f752389e3d3f0f763660484.jpeg)

```auto
@media only screen and (min-width: 600px) {
  #texte {
    font-size: 30px;
  }
}
}

@media only screen and (max-width: 600px) {
  #texte {
    font-size: 20px;
  }

}
</style>

<label id="texte">Votre texte ici</label>

```

Ce que cela veut dire :

- `min-width: 600px`: cela veut dire que cela s’appliquera à tous les écrans au-dessus de 600px  
et sur la ligne en-dessous, `font-size: 30px` cela veut dire que la police sera de 30 pixels

- `max-width: 600px`: cela veut dire que cela s’appliquera à tous les écrans de taille maximale 600px  
et sur la ligne en-dessous, `font-size: 20px` cela veut dire que la police sera de 20 pixels

De votre côté, vous pouvez copier coller ce bout de code HTML, et à la place de «&nbsp;Votre texte ici&nbsp;», mettre votre propre texte.

Est-ce que cela répond à votre question ?

---

<div class="post-metadata">

**Author:** ![alcha](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/alcha/32/355_2.png) [@alcha](https://community.brevo.com/u/alcha)\
**Post date:** [Février 22, 2024, 8:34 UTC](https://community.brevo.com/t/comment-modifier-la-taille-des-fonts-uniquement-sur-mobile/790/8 "2024-02-22T20:34:02Z")

</div>

Merci beaucoup pour votre aide !!  
Bonne soirée
