Helix mets à votre disposition un outil vous permettant de modifier certaines polices (ou fontes, selon vos habitudes de langage), basé intégralement sur Google fonts.
Au moment de la création de votre site internet, vous choisirez ainsi en quelques clics le design typographique de votre site web.
Mise à jour de la liste des polices Google dans Helix
Le service Google fonts est régulièrement fourni en nouvelles polices, Helix est prévoyant et en un clic vous pouvez voir la liste à jour des polices en cliquant sur ce simple bouton.
Voilà, c'est fait ! Si de nouvelles polices sont présentes chez Google fonts elles apparaitront dans votre liste.
Modifier une des polices de votre site
Choisir la famille de police
Par zones, vous disposez de différents sélecteurs, et que ce soit en anglais ou avec la version française de web54 les intitulés sont explicites. (1)
Vous activez / desactivez la police (2) et la choisissez dans la liste déroulante, dans notre cas nous choisirons la police PT Serif (3).
Choisir la largeur de la police et le style :
Selon les polices vous avez la possibilité de choisir entre différents styles et largeur de police (à ne pas confondre avec la taille!)
Vous observerez que l'exemple en dessous du choix se modifie en temps réel afin de bien prévisualiser l'effet obtenu.
Choisir un sous-ensemble de police :
Les polices google sont, pour certaines, divisées en sous-ensemble.
Nous n'allons pas toutes les citer, mais sachez que pour certaines la différence peut être notable, notamment selon le langauge utilisateur ou celui du site (caractères spéciaux)
Choisir la taille du texte :
Enfin, terminons par un élément essentiel, le choix de la taille.
Vous pouvez modifiez par le petit sélecteur à droite (1), ou en tapant directement votre chiffre (2), vous verrez simultanément votre texte changer de taille.(3)
Police additionnelle par sélecteur de css personnalisée.
Helix vous offre la possibilité d'appliquer une police différente à tout élément possédant une classe css particulière, il vous suffit d'activer et de sélectionner votre police dans l'espace réservé à cet effet en bas de l'onglet typographie, et d'ajouter les classes css auxquelles vous voulez appliquer cette police, séparées par des virgules ( ex : sppb-addon-content,sppb-cta-title ).
À vous de jouer !