a Paramétrer les polices du projet – Système FRIGG Skip to main content
Niveau 1

Paramétrer les polices du projet

By 19 septembre 2019No Comments

FRIGG Studio peut intégrer toutes les polices de Google Font.
Choisissez celles qui vous plaisent pour votre projet sur https://fonts.google.com/ et importez les.
Ensuite vous pouvez définir les tailles des différents niveaux de titre, ainsi que la police que vous souhaitez utiliser pour chacun.

Pour cela, allez sur l’onglet “configurer le projet” puis écrivez dans le champ “CSS personnalisé”

Ci-dessous un exemple avec les polices Roboto et Pacifico. Vous pouvez copier ce code, le coller dans votre projet et modifier les différents paramètres : le nom des polices, la taille et la couleur des caractères.

Le texte entre les balises /*xxxxxxxxx*/ n’est pas pris en compte, il sert à décrire ou commenter votre code.

/* importer les fichiers de police  Roboto et Pacifico dans le projet */
@import url(‘https://fonts.googleapis.com/css?family=Roboto|Pacifico’);
body {
 /* appliquer la police “Roboto” à tous les textes */
 font-family: ‘Roboto’, sans-serif;
font-size: 20px; color: #41576a;
}
 /* appliquer la police “Pacifico” aux titres */
.heading {
 font-family: ‘Pacifico’, sans-serif;
}
 /* Régler la couleur et la taille des titres de niveau 1 */
.heading1  {
font-size: 50px; color: #424141;
}
 /* Régler la couleur et la taille des titres de niveau 2 */
.heading2  {
font-size: 35px; color: #424141;
}
 /* Régler la couleur et la taille des titres de niveau 3 */
.heading3  {
font-size: 20px; color: #424141;
}

Tags:

Close Menu