Ouvrir le menu principal

MacGeneration

Recherche

GitHub adopte San Francisco sur le web

Nicolas Furno

mercredi 13 juillet 2016 à 12:00 • 12

Logiciels

Depuis la sortie d’OS X El Capitan, les sites web peuvent utiliser la police du système d’Apple pour leurs textes (lire : Safari permet aux sites d’utiliser la police du système). Sur un Mac, c’est désormais San Francisco, la police créée par le constructeur, qui a ce rôle. Jusque-là, en dehors de celui d’Apple, aucun gros site n’avait franchi le pas, mais c’est en passe de changer. Et c’est GitHub (service d’hébergement et de partage de code) qui ouvre la marche avec une nouvelle interface qui remplace Helvetica Neue par San Francisco.

San Francisco en action. — Cliquer pour agrandir
San Francisco en action. — Cliquer pour agrandir

La différence est assez nette, même si on ne s’intéresse pas à la typographie de près. Il suffit de consulter les réactions hier, suite au changement, pour constater que le changement a été repéré par de nombreux internautes. Avec, comme à chaque changement, des réactions contrastées entre amateurs et détracteurs. Une extension pour Chrome existe déjà pour revenir à l’ancienne police et on imagine qu’on trouvera rapidement la même chose pour les autres navigateurs.

Comparaison avant et après — Cliquer pour agrandir
Comparaison avant et après — Cliquer pour agrandir

GitHub est le premier service d’envergure à faire ce choix, mais ça ne sera pas le dernier. La prochaine mise à jour de WordPress, prévue pour le mois d’août, abandonnera Open Sans dans son interface d’administration. À la place, on aura la police du système et donc également San Francisco sur macOS et iOS. Sur Windows, ce sera Segoe UI et Roboto sur les appareils Android et les Chromebook.

Si vous concevez un site web et que vous voulez proposer la police du système pour tous vos utilisateurs, voici la liste utilisée par GitHub et WordPress. Vous pouvez l’insérer dans les fichiers CSS pour avoir toujours la bonne police.

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
Ajouter ce site dans Google News

Des excuses pour Plans au Vision Pro : les petites phrases qui racontent le règne de Tim Cook

11:05

• 7


MacBook M5 : récupérez jusqu’à 300 € chez Fnac et Darty

09:10

• 4


En quinze ans, Tim Cook a rendu Apple plus puissante que jamais, mais a-t-il oublié de la faire rêver ?

08:20

• 40


Quelle batterie externe choisir pour recharger son Apple Watch sur le pouce ?

07:46

• 8


On prend les mêmes et on recommence : ZeroBytes annonce avoir piraté le service Zéro Logement Vacant

29/08/2026 à 22:40

• 60


Surfshark, le VPN qui chouchoute (vraiment) les utilisateurs Mac 📍

29/08/2026 à 21:45

• 0


Après le Mac mini, quels appareils auront le droit à la puce M6 ?

29/08/2026 à 18:46

• 20


Le démarchage téléphonique est désormais interdit, mais les appels indésirables n'ont pas disparu

29/08/2026 à 17:24

• 49


Face au smartphone, les montres connectées pour enfants gagnent du terrain

29/08/2026 à 12:28

• 44


Dernier jour : la Magic Mouse (USB-C) à 60 € et l'Apple Pencil Pro à partir de 69 € 🆕

29/08/2026 à 12:20

• 29


Mac Studio M5 : quelles différences face aux M4 Max et M3 Ultra ?

29/08/2026 à 09:55

• 24


Contrôle parental : Apple a-t-elle vraiment tant de cran avec iOS 27 ?

29/08/2026 à 09:07

• 15


Sortie de veille : nouveaux Mac, annonce du keynote… le point sur la rentrée chargée d’Apple

29/08/2026 à 08:00

• 0


Afterglow ressuscite les mythiques économiseurs d’écran After Dark sur Apple Silicon

28/08/2026 à 21:55

• 14


L’EPA assouplit encore les règles d’installation de data-centers aux USA, voulant supprimer un droit de regard des riverains

28/08/2026 à 21:15

• 28


Apple TV passe à 15 $ par mois aux États-Unis

28/08/2026 à 20:15

• 73