Ensemble de polices Web
Sélectionnez des polices TTF, OTF, WOFF ou WOFF2 pour créer des fichiers WOFF2, un CSS et un aperçu HTML. Avant de les intégrer à un site Web, vérifiez le texte d’exemple ainsi que le nom CSS, la graisse, le style et l’affichage pendant le chargement, puis enregistrez l’ensemble dans un ZIP. La création de sous-ensembles de caractères n’est pas effectuée.
Ce que vous pouvez faire
Regrouper les fichiers pour le web
Créez du WOFF2, du CSS et un aperçu HTML à partir de TTF, OTF, WOFF ou WOFF2. Vous pouvez sélectionner plusieurs polices ensemble.
Vérifier les glyphes et les réglages CSS
Vérifiez l’apparence des polices converties. Vous pouvez modifier les noms, graisses et styles utilisés sur le web ainsi que l’affichage pendant le chargement selon vos besoins.
Transmettre l’ensemble en ZIP
Enregistrez le dossier fonts, fonts.css et preview.html en un seul ensemble. Utilisez-les en préservant leurs emplacements relatifs.
Mode d’emploi
Sélectionner les polices ensemble
Sélectionnez des polices que vous pouvez utiliser sur le web. Si vous en utilisez plusieurs, sélectionnez-les ensemble.
Vérifier l’apparence et les réglages web
Saisissez le texte à prévisualiser et vérifiez chaque police. Pour ajuster son nom, sa graisse ou d’autres options, ouvrez les réglages CSS de cette police.
Créer l’ensemble et enregistrer le ZIP
Cliquez sur « Créer le pack de polices web » et enregistrez le webfont-kit.zip généré.
Extraire et intégrer dans une page web
Extrayez les fichiers en préservant les emplacements du dossier fonts, fonts.css et preview.html. Chargez le CSS sur la page où vous utiliserez les polices et utilisez les noms de police indiqués.
Utile lorsque
Préparer un site web pour la publication
Regroupez vos polices dans des formats web et du CSS pour préparer les fichiers nécessaires à l’intégration.
Transmettre l’ensemble complet à l’équipe de production
Regroupez plusieurs polices, comme le normal et le gras, et transmettez-les avec du HTML contenant du texte pour les vérifier.
Comment polices et CSS fonctionnent ensemble
WOFF2 est un format de police pour le web
Préparez du WOFF2 contenant les caractères d’origine. Les caractères ne sont pas limités. La taille du fichier varie selon la police.
Enregistrer noms, graisses et styles en CSS
Ces réglages déterminent les styles demandés qui utilisent cette police sur le web. Ils ne transforment pas les glyphes de la police en gras ou en italique.
Distinguer un même nom par la graisse et le style
Les styles normal et gras peuvent utiliser le même nom, mais la combinaison de nom, de graisse et de style ne peut pas être dupliquée.
Choisir l’affichage pendant le chargement
Par défaut, une police de secours s’affiche d’abord et bascule lorsque la police est prête. Vous pouvez modifier l’attente et le basculement dans les réglages CSS si nécessaire.
Préserver les emplacements relatifs des fichiers
fonts.css référence des fichiers tels que fonts/font-1.woff2. Si vous déplacez le dossier ou le CSS, ajustez les chemins de référence en conséquence.
Questions fréquentes
Où placer les fichiers générés ?
Extrayez le ZIP et placez le dossier fonts, fonts.css et preview.html en préservant leurs emplacements relatifs. Chargez fonts.css depuis votre page et utilisez le nom de police indiqué en CSS.
Quelle est la différence avec la simple conversion de format ?
Cet écran regroupe le WOFF2 avec le CSS et un aperçu HTML. Si vous voulez seulement changer le format de la police, utilisez « Convertisseur de format de police ».
Puis-je ne garder que les caractères que j’utilise ?
Cet écran ne limite pas les caractères. Il prépare des polices qui conservent les caractères d’origine.
Changer la graisse rend-il les caractères plus gras ?
Le réglage indique la valeur de graisse utilisée en CSS. Il ne modifie pas les glyphes du fichier de police. Pour utiliser le gras ou l’italique, fournissez un fichier contenant ces glyphes.
Puis-je utiliser plusieurs fichiers avec le même nom de police ?
Vous pouvez enregistrer des fichiers avec des graisses ou des styles différents. Si la même combinaison de nom, de graisse et de style est dupliquée, revoyez les réglages concernés.
Que se passe-t-il si je resélectionne des polices ?
L’ensemble de polices actuel et le ZIP généré sont retirés, et le nouvel ensemble sélectionné est chargé. Sélectionnez aussi les fichiers que vous souhaitez continuer à utiliser avec les nouveaux.
Que faire si tous les caractères de l’exemple ne s’affichent pas ?
Les caractères non inclus dans la police peuvent s’afficher avec une autre police. Vérifiez les caractères pris en charge et leur apparence là où la police sera utilisée.
Que faire si une police ne peut pas être chargée ?
Sélectionnez à nouveau des polices dans un format pris en charge. Si un fichier de l’ensemble ne peut pas être converti ou chargé, aucun résultat partiel n’est enregistré.
Entrée et résultats
- Entrée
- TTF, OTF, WOFF et WOFF2. Vous pouvez sélectionner plusieurs fichiers ensemble.
- Conditions
- Vérifiez les conditions d’utilisation des polices fournies, y compris l’intégration web.
- Réglages
- Noms, graisses, styles et affichage pendant le chargement utilisés en CSS.
- Sortie
- webfont-kit.zip. Contient WOFF2, fonts.css et preview.html.