La fenêtre Ajouter des polices web, rappelée en cliquant sur le bouton Ajouter figurant dans la fenêtre Police web, présente les options nécessaires pour ajouter une nouvelle Police Web à la liste des polices utilisables dans le Projet.
La fenêtre présente deux sections :
Pour choisir la police Google Font à ajouter au Projet, vous pouvez utiliser :
| ▪ | Un champ pour effectuer la recherche en fonction du nom de la police. |
| ▪ | Les commandes pour classer les polices en fonction de critères tels que la popularité, la date ou le nombre de styles disponibles. |
| ▪ | Les options pour préciser les catégories à prévoir : Serif (à empattements), Sans Serif (sans empattements), Display (affichage), Handwriting (manuscrite), Monospace (à chasse fixe). |
| ▪ | Le texte et les dimensions à utiliser pour afficher l’aperçu de la police. |
|
Dans le cas des Google Fonts, les fichiers concernant les polices sont disponibles sur les serveurs de Google et sont simplement rappelés dans les feuilles de style des Pages du Site.
WebSite X5 télécharge automatiquement les fichiers TTF des Googles Fonts intégrées dans les Projets pour pouvoir les afficher en local.
|
|
Tout d'abord, il faut choisir quelle technique utiliser pour intégrer les Polices Web :
| ▪ | Polices Web en ligne : les fichiers associés aux polices sont disponibles sur les serveurs du service offrant les polices et sont simplement rappelés dans les feuilles de style des Pages du Site. |
| ▪ | Polices Web hors ligne : les fichiers associés aux polices figurent dans l'ordinateur local et sont publiés sur votre serveur Web. |
Que vous choisissiez d'utiliser une Police Web en ligne ou d'intégrer une Police Web hors ligne, il est nécessaire d'importer :
| ▪ | Fichier TTF pour un affichage hors connexion : c'est le fichier au format TrueType (TTF) nécessaire pour pouvoir afficher la police localement. De cette manière, WebSite X5 peut utiliser la police comme si elle était installée dans le Système d'exploitation de l'Ordinateur et la proposer dans l'éditeur de texte ainsi que, de manière générale, dans chaque emplacement où vous pouvez configurer le type de police à utiliser pour un texte. |
Par ailleurs, dans le cas d'une Police Web en ligne, vous devez également spécifier :
| ▪ | Code @import : c'est le code, fourni directement par Google, servant à relier la polie dans la Feuille de Style (CSS) des Pages du Site. |
En revanche, dans le cas d'une Polices Web hors ligne, nous vous conseillons d'importer également :
| ▪ | Fichier WOFF (recommandé) : c'est le fichier au format WOFF associé à la police. Ce type de format est supporté par Internet Explorer, Mozzilla Firefox et Google Chrome. |
| ▪ | Fichier SVG (iPhone/iPad) : c'est le fichier au format SVG associé à la police. Ce type de format est supporté par Mozzilla Firefox, Safari, Google Chrome et Opera. |
| ▪ | Fichier EOT (IE seulement) : c'est le fichier au format EOT associé à la police. Ce type de format est supporté uniquement par Internet Explorer. |
|
Étant donné que le support des polices hors ligne sur les principaux Navigateurs n'est pas homogène, nous vous conseillons d'importer non seulement le fichier TTF (obligatoire), mais aussi les fichiers WOFF, SVG et EOT associés à la police que vous souhaitez utiliser.
|
|
Bonnes pratiques :
Approfondissements :
