Intégration des polices Google Fonts : balises preconnect et options

Question

La façon de faire sur Google Font a un peu changé mais on arrive à s'y retrouver (j'ai fait mon test sur la police Roboto). Par contre pour l'insertion dans le on a maintenant du code supplémentaire : Il faut bien rajouter ces 2 lignes en plus ? Et si oui elles servent à quoi ? Par contre les réglages dans le tableau de gauche (je prends l'exemple de la font Roboto ) j'ai un peu de mal avec italic (ça je comprends) mais full axis ou one value cela veut-il dire que je peux avoir italic pour une valeur ou pour toutes les valeurs de weight ? Sinon en dessous width celui-là sert à quoi ?

Louis-Nicolas Leuillet · Accepted Answer

Hello René Alors tiens c'est intéressant merci ! Ces deux lignes : Permettent à ton navigateur "de précharger" les documents qui vont permettre de récupérer les polices (donc les feuilles de style). Tu peux les ajouter. Pour le choix des types de police effectivement si tu veux pouvoir mettre en italique une police light il faut aussi choisir la version italic light . De son côté width vient renseigner le niveau de gras de ta police.

René Barousse · Answer

pour italic je par de ça :
donc full axis je sais pas ce que ça fait, et si je clqiue sur one value j'ai le choix entre roman et italic du coup je comprends rien :p
pour width en fait je comprends pas a quoi ça sert vu que dans weight on a tout ?

Louis-Nicolas Leuillet · Answer

En fait maintenant tu peux gérer précisément ton inclinaison :
One value : soit normal, soit italic. Comme avant, c’est binaire ;
Full axis : tu peux avoir n’importe quel niveau d’inclinaison (très italique, moyennement italique, légère inclinaison), et ça fonctionne avec tous les niveaux de gras.
Et :
Width sert à rendre la police plus serrée ou plus large ;
Weight gère le niveau de gras.

René Barousse · Answer

ok

Intégration des polices Google Fonts : balises preconnect et options

Formation Apprendre HTML (legacy)