DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Styles / Styles CSS
  • Présentation
  • Comment le faire ?
  • Gestion des polices
  • Créer un ensemble de polices
  • Importer une police
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation
Les navigateurs supportent par défaut les polices de caractères les plus courantes : Arial, Verdana, ...
WEBDEV offre la possibilité d'utiliser des polices de caractères personnalisées, différentes de celles proposées par défaut.
Comment le faire ?

Gestion des polices

Lors de la création ou modification d'un style, il est possible de sélectionner une police parmi les polices standard.
Il est également possible de sélectionner de nouvelles polices. Ces polices peuvent provenir :
  • du poste de développement directement (ces polices ont été installées sur votre poste dans Windows).
  • d'un téléchargement (par exemple, télécharger des polices Google).

Créer un ensemble de polices

Pour ajouter un ensemble de polices :
  1. Ouvrez la fenêtre de gestion des styles (onglet "Style" de la description du champ).
  2. Dans la zone "Polices", cliquez sur le bouton "..." :
  3. La fenêtre de gestion des polices s'affiche.
    Cette fenêtre présente les ensembles de polices existants.
  4. Cliquez sur "Nouveau" pour créer un nouvel ensemble de polices.
  5. Dans l'assistant qui se lance, vous devez sélectionner les différentes polices qui constituent l'ensemble de polices.
    Il est possible au choix :
    • de sélectionner une police téléchargeable. Cette police sera automatiquement téléchargée sur le poste de l'internaute.
    • de sélectionner une police système, qui sera affichée que si elle est installée sur le poste de l'internaute. Si cette option est sélectionnée, vous devez ensuite sélectionner la police voulue.
    • de sélectionner une police générique, qui sera disponible pour tous les navigateurs.
      Remarque : Ce type de police est obligatoire dans un ensemble de polices. Il est ainsi possible de s'assurer que le texte sera affiché quelque soit le poste de l'internaute.
  6. Sélectionnez le type de police voulu puis la police qui doit être ajoutée à l'ensemble de polices.
  7. La fenêtre présentant les différentes polices de l'ensemble est affichée.
    Vous pouvez :
    • Ajouter une nouvelle police (). L'assistant se lance à nouveau.
    • Supprimer la police sélectionnée ().
    • Modifier l'ordre des polices dans l'ensemble (grâce aux flèches ).
  8. Validez la fenêtre de création de l'ensemble de polices.
  9. Validez la fenêtre de gestion des ensembles de polices. L'ensemble de polices sélectionné est appliqué au style en cours.

Importer une police

Pour importer une nouvelle police :
  1. Dans la fenêtre de gestion des ensembles de polices, cliquez sur "Nouveau".
  2. Dans l'assistant qui se lance, sélectionnez "Police téléchargeable". Passez à l'étape suivante de l'assistant.
  3. Dans la fenêtre qui s'affiche, cliquez sur "Importer une police".
  4. L'assistant d'importation d'une police se lance.
  5. Sélectionnez le mode d'import de la police :
    • Importer une police Google Web Fonts :
      • L'assistant propose alors la liste des polices Google à importer.
      • Sélectionnez les polices voulues. Il est possible de visualiser un échantillon de la police en double-cliquant sur son nom.
      • Validez. Les polices sont téléchargées et installées sur le poste en cours.
    • Importer une police depuis des fichiers : L'assistant permet alors de sélectionner les fichiers correspondant aux différents formats de la police :
      • Fichier True Type
      • Fichier Embedded Open Type
      • Fichier Web Open Format
      • Fichier Scalable Vector Graphics
      • Validez. Les polices sélectionnées sont installées.
Remarques :
  • Assurez-vous que les fichiers de police de caractères utilisés sont libres de droits ou que vous possédez une licence vous autorisant à les distribuer.
  • Si vous importez une police et créez un ensemble de polices, les fichiers correspondants à cette police sont copiés dans le sous-répertoire "<Nom_projet>_WEB\Styles\fonts". Ainsi, il seront automatiquement pris en compte lors de l'installation du site.
Attention : Ensemble de polices contenant des polices importées :
Avant d'utiliser une police téléchargée, il est nécessaire de l'intégrer dans un ensemble de polices similaires.
Si l'ensemble de polices contient uniquement la police téléchargeable, le cas suivant peut être observé : si la police n'est pas présente sur le navigateur :
  • la police Times est affichée par défaut, le temps que la police demandée soit téléchargée.
  • si la police ne peut pas être téléchargée, la police Times est toujours affichée.
Pour éviter l'affichage d'une police non désirée, il est conseillé de créer un ensemble de polices contenant les éléments suivants :
  • la ou les polices à télécharger,
  • une ou des polices de substitution qui correspondent aux polices des principaux systèmes,
  • une ou des polices qui correspondent à des polices très populaires,
  • le type de familles de polices associé. La liste des types de familles de polices est la suivante :
    • "cursive" : style manuscrit,
    • "fantasy" : comme Impact,
    • "monospace" comme Courier,
    • "sans-serif" comme Arial,
    • "serif" comme Times.
Si la première police n'est pas trouvée, la première présente dans la liste et sur le poste sera utilisée.
Exemple : L'ensemble de polices suivant est défini : "Open Sans, Segoe UI, Arial, Helvetica, sans-serif". En l'absence de la police "Open Sans", la police "Segoe UI" sera utilisée, sinon la police Arial ou Helvetica est utilisée. Ces polices sont suffisamment connues pour avoir des alternatives correctes. Si ces deux polices ne sont pas trouvées, la première police disponible qui n'a pas de serif sera utilisée.
Version minimum requise
  • Version 9
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 31/05/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale