Ouvrir le menu principal

MacGeneration

Recherche

Safari permet aux sites d’utiliser la police du système

Nicolas Furno

lundi 27 juillet 2015 à 23:21 • 9

Logiciels

En publiant un article sur le blog officiel du projet WebKit, Apple officialise en quelque sorte la découverte du développeur Craig Hockenberry. Avec iOS 9 et Safari 9 sous OS X 10.10 et OS X 10.11, une nouvelle option permet de choisir la police par défaut du système pour du texte. Selon les cas, il s’agit de San Francisco ou de Helvetica Neue, mais le fait de ne pas la nommer permet aussi d’adapter le texte plus précisément.

On a utilisé ici la famille de police spécifique à Apple : à gauche, Chrome n’en tient pas compte et choisit la police suivante définie en CSS (Roboto en l’occurrence) ; à droite, Safari affiche le texte avec San Francisco. Cliquer pour agrandir et mieux voir les différences

Jusque-là, les développeurs de site web devaient spécifier dans leur code le nom de la police utilisée par Apple s’ils voulaient obtenir la même présentation sur une page web. Avant OS X Yosemite, il fallait opter pour Lucida Grande, puis pour Helvetica Neue et enfin San Francisco. Autant dire que c’était contraignant, et puis cela ne fonctionnait de toute manière plus avec iOS 9 et OS X El Capitan.

Apple a choisi en effet de ne pas fournir la police San Francisco avec ses nouveaux systèmes. Elle n’est pas accessible à l’utilisateur, on ne peut pas la voir dans le Livre des Polices, ni l’utiliser dans ses documents. En conséquence, pour l’utiliser sur un site web, on ne peut pas simplement la nommer en CSS. À la place, Apple offre aux webmasters une abstraction : ils peuvent utiliser -apple-system en CSS.

Exemple de code CSS qui permet d’afficher du texte en San Francisco avec Safari et iOS 9 et OS X 10.11

C’est le système qui ajustera ensuite la police utilisée et surtout ses variantes. Car San Francisco est disponible dans un grand nombre de variantes et en fonction de l’écran, mais aussi de la graisse du texte, on aura l’une ou l’autre. Par ailleurs, si vous créez un site mobile, vous pouvez utiliser des propriétés plus précises encore qui fonctionnent avec la police dynamique d’iOS 9. Concrètement, on définit un élément de titre, une légende ou du texte normal, et le système ajustera la taille de chaque élément en fonction du paramètre choisi par l’utilisateur.

Ces propriétés CSS ont été imaginées par Apple et elles restent exclusives à Apple à ce jour. Seul Safari les prend en charge pour le moment, et il faut prévoir au moins une alternative pour tous les autres navigateurs. Cela pourrait changer toutefois à terme : Apple a proposé l’idée au W3C qui se charge des standards du web. Le constructeur n’a pas souhaité attendre le standard pour lancer la fonction, mais on peut très bien imaginer un jour que tous les navigateurs disposeront d’un accès simplifié à la police du système.

Rejoignez le Club iGen

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

Rejoignez la plus grande communauté Apple francophone !

S'abonner

Pourquoi votre Mac mérite un écran BenQ (et pas juste un moniteur générique) 📍

06/05/2025 à 21:05

• 0


macOS 15.5 est en release candidate

06/05/2025 à 19:09

• 12


Copilot+ : Microsoft revoit sa gamme Surface et lance deux nouvelles machines à puces ARM

06/05/2025 à 16:39

• 8


Tim Cook a fait gagner beaucoup d'argent à Warren Buffet qui l'en remercie chaleureusement

06/05/2025 à 15:24

• 65


Cork : Apple ouvre les portes de ses laboratoires de tests à des influenceurs

06/05/2025 à 15:04

• 12


MacBook Air M4 : la chute des prix se poursuit encore sur ce nouvel incontournable 🆕

06/05/2025 à 14:10

• 68


OpenAI abandonne son plan pour devenir une société à but lucratif

06/05/2025 à 13:30

• 34


Musebox, un catalogueur de photos qui marche dans les pas d’Aperture

06/05/2025 à 12:30

• 5


Un bidouilleur intègre un PC de joueur dans un châssis de Macintosh SE

06/05/2025 à 11:52

• 14


Livebox 7 : Orange envoie une mise à jour pour améliorer les connexions Wi-Fi

06/05/2025 à 11:42

• 19


Folder Preview fait des Quick Look sur les dossiers et les archives zip

06/05/2025 à 10:48

• 40


L’iPhone « Air » s’agrandirait avec le temps

06/05/2025 à 08:59

• 35


Promo : jusqu'à -450 € sur les derniers MacBook Pro M4

06/05/2025 à 07:10

• 11


Bon plan : le MacBook Air M2 avec 16 Go de RAM à 825 €, un prix record 🆕

05/05/2025 à 23:09

• 6


Scroll to Zoom, un utilitaire gratuit pour zoomer en tournant la molette de votre souris

05/05/2025 à 16:42

• 13


Apple pas peu fière de lancer un nouveau bracelet Pride pour l’Apple Watch

05/05/2025 à 15:37

• 185