Skip to main content

FRIGG Stu­dio peut inté­gr­er toutes les polices de Google Font.
Choi­sis­sez celles qui vous plaisent pour votre pro­jet sur
https://fonts.google.com/ et importez les.
Ensuite vous pou­vez définir les tailles des dif­férents niveaux de titre, ain­si que la police que vous souhaitez utilis­er pour chacun.

Pour cela, allez sur l’onglet “con­fig­ur­er le pro­jet” puis écrivez dans le champ “CSS personnalisé”

Ci-dessous un exem­ple avec les polices Roboto et Paci­fi­co. Vous pou­vez copi­er ce code, le coller dans votre pro­jet et mod­i­fi­er les dif­férents paramètres : le nom des polices, la taille et la couleur des caractères.

Le texte entre les balis­es /*xxxxxxxxx*/ n’est pas pris en compte, il sert à décrire ou com­menter 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;
}