Ouvrir le menu principal

MacGeneration

Recherche

Astuce : faire en sorte que son site s'accorde avec la « Taille du texte » d’iOS et iPadOS

Félix Cattafesta

Monday 08 July 2024 à 12:30 • 7

macOS

Apple permet de changer la taille de la police système sur iOS et iPadOS, ce qui est bien pratique mais assez inconstant. Cela ne change rien sur la plupart des sites web par exemple, à moins que les développeurs aient fait en sorte de prendre en charge la fonction. Craig Hockenberry a récemment sauté le pas et mis à jour son blog pour le rendre compatible avec « Dynamic Type », une fonction de WebKit présente depuis des années. Sa prise en charge peut se faire avec quelques lignes de CSS.

Le code peut ressembler à cela :

html {
	font-size: 0.9em;
	font: -apple-system-body;
	font-family: "Avenir Next", "Helvetica Neue", sans-serif;
}

Ici, il a ajouté la ligne font: -apple-system-body; qui va remplacer la taille de la police définie dans la ligne au-dessus. Malheureusement, cet élément impose également la police système qui ne sera pas forcément au goût de tout le monde. C’est ici qu’intervient font-family, qui permet d’adapter la famille de la police au système sans toucher au style choisi par le designer.

C’est une petite astuce qui permet de rendre un site plus accessible. Craig Hockenberry déplore cependant le fait que la fonction ne soit pas disponible sur macOS et que la taille de la police ne soit pas fixe. Les explications détaillées sont données sur son blog pour les curieux.

Rejoignez le Club iGen

Soutenez le travail d'une rédaction indépendante.

Rejoignez la plus grande communauté Apple francophone !

S'abonner

Rivian ne veut toujours pas faire grimper CarPlay dans ses voitures

22/07/2024 à 21:30

• 15


Test du M.2 HAT+, un SSD NVMe dans votre Raspberry Pi 5

22/07/2024 à 20:30

• 5


Les emails de Free en carafe chez certains clients depuis vendredi, le problème en cours de résolution

22/07/2024 à 17:30

• 16


Des applications qui intègrent Python rejetées sur l'App Store à cause d'une vérification trop stricte et trop opaque

22/07/2024 à 16:45

• 5


TV : Apple ne veut plus payer… la “taxe Apple”

22/07/2024 à 15:14


L'iBook, le premier ordinateur sans fil d'Apple, a 25 ans

22/07/2024 à 14:00

• 21


ChatGPT s’améliore pour tout le monde en passant à GPT-4o mini

22/07/2024 à 12:30

• 32


Dernières heures pour les Soldes & Bonnes Affaires High-Tech et univers Apple

Partenaire


Promo : un luxuriant dock Thunderbolt 4 de 13 ports à 279 €, son prix le plus bas

22/07/2024 à 11:42

• 6


CrowdStrike donne des détails sur sa mise à jour qui a causé une panne informatique mondiale

22/07/2024 à 10:52

• 39


Apple souligne déjà la compatibilité de certains de ses produits avec Apple Intelligence

22/07/2024 à 08:57

• 11


macOS Sequoia, iOS 18 : faut-il installer les bêtas publiques cette année ?

21/07/2024 à 09:30

• 37


UPDF : le meilleur éditeur de PDF du marché fait le plein de nouveautés pour iOS 18 et macOS 15 📍

20/07/2024 à 19:35

• 0


Fred Potter ne travaille plus pour Apple

20/07/2024 à 11:00

• 44


L'application Apple TV d'Orange est disponible 🆕

19/07/2024 à 20:04


Les SSD compacts M.2 2230 débarquent chez Crucial avec le P310 : parfait pour le Steam Deck

19/07/2024 à 17:30

• 4