Les fontes d’écriture

Afin de ne pas surcharger votre site Internet, WebAcappella vous permet de définir 6 fontes différentes.

Ces fontes sont de 3 types:

  • Fonte de texte standard (déjà installée sur votre système)

  • Fonte Web (tel que GoogleFonts)

  • Fonte Web personnalisée (issue de fichiers gratuit ou payant)

Il est conseillé d’utiliser une ou deux fontes Web au maximum sur l’ensemble de votre site.

Cela vous permettra un affichage rapide et une certaine cohérence graphique.

../../_images/fonts_edition.webp

Fonte de texte standard

Les fontes de texte standards ont été sélectionnées parmi celle que l’on retrouve installées par défaut sur la quasi-totalité des systèmes d’exploitation (Arial, Times …).

Ce type de fonte ne consommera aucune ressource réseau, car déjà existante sur le terminal du visiteur de votre site.

Fonte de texte Web personnalisée

Vous trouverez des sites proposant des fichiers de fontes Web (Gratuit ou payant).

../../_images/font_custom_edit.webp

Voici un exemple d’hébergement de la fonte “Amatic SC”

  • Renseignez le nom de la fonte “Amatic SC”

  • Ajoutez les fichiers woff et woff2 à votre projet

  • Copiez le code CSS en y intégrant l’url des fichiers ( “{{ WA_FONT_FAMILY }}” sera remplacé automatiquement par “Amatic SC”)

/* amatic-sc-regular - latin */
@font-face {
  font-family: '{{ WA_FONT_FAMILY }}';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('{{WA_FILE amatic-sc-v24-latin-regular.woff2}}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('{{WA_FILE amatic-sc-v24-latin-regular.woff}}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* amatic-sc-700 - latin */
@font-face {
  font-family: '{{ WA_FONT_FAMILY }}';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('{{WA_FILE amatic-sc-v24-latin-700.woff2}}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('{{WA_FILE amatic-sc-v24-latin-700.woff}}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

Fonte de texte Web Google

WebAcappella vous permet de sélectionner parmi la liste des fontes Web proposées par Google (Google Fonts)

WebAcappella téléchargera automatiquement les fichiers afin de les installer sur votre serveur.

(L’installation automatique sur le serveur nécessite une licence WebAcappella FUSION PRO)

https://fonts.google.com/

../../_images/google_fonts.jpg