Polices : réglages et meilleurs résultats

01Étape 1 : Ouvrez Fonts et ajoutez vos polices

Cliquez sur Tools dans la barre latérale, ouvrez l’onglet Create puis cliquez sur Fonts dans la section From scratch. Vous pouvez aussi taper « fonts » dans le champ de recherche en haut.

123456

1. 1Add fonts
2. 2Tabs by source
3. 3Search fonts
4. 4Sample text
5. 5Variable only
6. 6List or Grid

Les polices déjà présentes sur votre ordinateur sont listées d’office. Pour ajouter les vôtres, cliquez sur Add fonts en haut à droite et choisissez Choose files… ou Choose a folder…, ou déposez des fichiers de polices, un dossier ou un zip n’importe où sur la page. Tant que votre bibliothèque est vide, les onglets All et My fonts affichent aussi ces deux choix en haut de la liste. Les fichiers de polices déposés sur l’écran Tools vont aussi dans Fonts.

Fonts lit les fichiers TTF, OTF, TTC, OTC, WOFF et WOFF2, ainsi que tout zip que vous choisissez ou déposez, y compris celui que fournit le site Google Fonts. Hangar copie chaque police dans sa propre bibliothèque : déplacer ou supprimer l’original ensuite ne pose aucun problème.

Un bandeau résume l’import : combien de styles ont été ajoutés, combien de fichiers étaient déjà dans votre bibliothèque, lesquels n’ont pas pu être lus et pourquoi, et combien d’autres fichiers ont été ignorés. Il nomme les quatre premiers fichiers illisibles, puis compte les autres. Pour arrêter un import en cours, cliquez sur Stop. Ce qui a déjà été ajouté reste. Les nouvelles polices portent la mention New et arrivent sélectionnées, prêtes à être comparées.

12

1. 1What the import did
2. 2New fonts

02Étape 2 : Parcourez et cherchez

Cinq onglets classent vos polices selon leur provenance :

• All : toutes les polices de cet ordinateur. La liste complète de Google reste dans son propre onglet, donc une recherche ici ne trouve que ce que vous avez.
• My fonts : les polices que vous avez ajoutées à Hangar.
• Google Fonts : la liste facultative de polices gratuites. Voir Google Fonts.
• Installed : les polices installées sur votre ordinateur. Hangar les lit la première fois que vous ouvrez Fonts.
• Hangar : les polices fournies avec Hangar.

Chaque ligne montre un court échantillon dans la police. Une police faite pour une autre écriture, comme l’amharique, l’arabe, le thaï ou le khmer, montre son échantillon dans cette écriture : la ligne n’affiche donc que des lettres que la police possède vraiment. Une police d’icônes ou de symboles montre quelques-uns de ses propres caractères.

Au-dessus de la liste, tapez dans le champ de texte d’exemple pour voir chaque famille avec vos propres mots. Search fonts filtre par nom. Le menu des catégories restreint la liste à Serif, Sans serif, Monospace, Display ou Handwriting, et Variable only ne garde que les polices à axes réglables, comme la graisse ou la chasse. Réglez la taille d’aperçu sur 24, 36, 48 ou 72, et basculez entre List (liste) et Grid (grille).

Cliquez sur le nom d’une famille ou double-cliquez sur sa ligne pour l’inspecter. Cliquez ailleurs sur la ligne pour la sélectionner, ou cochez la case qui apparaît au survol. Une barre s’affiche alors en bas avec Compare, Convert et Specimen PDF. Le bouton ⋯ d’une ligne ou d’une carte propose Inspect, Add to compare, Convert… et Export specimen PDF…. Les polices installées et les vôtres ont aussi Show in Finder (Show in Explorer sous Windows). Pour vos propres polices, cela ouvre la copie de Hangar, pas votre original. Vos propres polices ont aussi Remove from library.

12

1. 1Selected families
2. 2Compare and Convert

Si une recherche ne trouve rien sur cet ordinateur, Fonts indique combien de familles Google correspondent et propose de les afficher. Si Google Fonts est désactivé, le bouton affiche Turn on Google Fonts, et cliquer dessus active l’onglet. Ce décompte vient d’une liste intégrée à l’application : il ne se connecte pas à Internet.

Fonts mémorise les vues Browse et Compare pour chaque espace de travail. Votre recherche et ce qui est ouvert dans Inspect repartent de zéro.

03Étape 3 : Comparez des polices côte à côte

Sélectionnez de 2 à 6 familles et cliquez sur Compare, ou utilisez Add to compare sur une famille à la fois. Choisissez une disposition en haut à droite :

• Grid : une carte par famille. Tapez dans n’importe quelle carte pour changer le texte de toutes.
• Lines : une ligne par famille, pour juger les mêmes mots empilés. Tapez dans n’importe quelle ligne pour les changer toutes.
• Pairing : une police de titre au-dessus d’une police de texte, sur une page d’article d’exemple. Choisissez chaque police dans son menu, ou utilisez le bouton d’échange pour les inverser. Add pairing place une autre paire à côté, et chaque paire supplémentaire a son propre bouton de suppression. Pairing s’ouvre sur une page claire, comme un article imprimé.

Dans Grid et Lines, les boutons de texte proposent un Headline (titre), un Paragraph, un Pangram (une phrase qui utilise toutes les lettres) ou des Glyphs. Size, Line et Spacing s’appliquent à toutes les polices à la fois. Dans Pairing, ils ne changent que le titre, et le texte garde une taille fixe. Les boutons soleil et lune choisissent une page claire ou sombre.

Chaque famille a son propre menu de styles. Dans Grid, chaque carte a aussi les curseurs d’axes d’une police variable, et des boutons pour les fonctionnalités de la police, comme Ligatures. Pairing reprend le style et les fonctionnalités de chaque famille, mais pas ses curseurs déplacés. Dans Grid et Lines, × retire une famille, et Add font cherche dans My fonts, Installed et Hangar, plus toute famille Google que vous avez ouverte. La limite est de six familles : retirez-en une pour faire de la place. Cliquez sur le nom d’une famille pour l’inspecter.

12345

1. 1Add font
2. 2Text buttons
3. 3Layout
4. 4Axis sliders for this family
5. 5Features for this family

123

1. 1Add pairing
2. 2Heading font
3. 3Body font

04Étape 4 : Inspectez une famille

Cliquez sur le nom d’une famille pour l’ouvrir. Si vous venez de Browse, les boutons précédent et suivant en haut à droite parcourent cette liste, tout comme ⌘[ et ⌘] (Ctrl+[ et Ctrl+] sous Windows). Appuyez sur Échap pour revenir. Quatre onglets montrent la police sous différents angles :

12345

1. 1The four tabs
2. 2Metrics
3. 3Style and sizes
4. 4Axes
5. 5Copy CSS

• Type tester : cliquez sur le texte et tapez le vôtre, ou partez de Pangram, Paragraph, Headline, Alphabet ou Figures. Il s’ouvre sur Pangram. Headline montre la police aux longueurs typiques d’un titre, sur quatre lignes modifiables : One word, A title, A long title et In capitals. Si vous avez tapé votre propre texte d’exemple sur l’écran Browse, la première famille ouverte démarre sur Headline, avec vos mots dans la ligne A title. Shuffle propose une autre phrase utilisant toutes les lettres sur Pangram, et change les quatre lignes sur Headline. Activez Metrics pour tracer la ligne de base, la hauteur d’x, la hauteur des capitales, les ascendantes et les descendantes sur la première ligne.
• Waterfall : le premier paragraphe de votre texte, ou la ligne A title de Headline, en dix tailles, de 12 à 96 px, pour voir où la lecture devient difficile.
• Styles : tous les styles de la famille avec votre texte, ou avec la ligne A title de Headline. Cliquez sur l’un d’eux pour en faire le style courant.
• Glyphs : tous les caractères dessinés par la police, par groupes comme Basic Latin. Cherchez par nom ou tapez un caractère, et filtrez par Letters, Numbers, Punctuation ou Symbols. Les glyphes qui ne dessinent rien, comme les espaces, restent masqués jusqu’à ce que vous en cherchiez un. Cliquez sur un glyphe pour le voir en grand dans le panneau de droite, avec son nom, son code, sa chasse, les styles qui le contiennent et ses éventuelles variantes. Copy character le copie dans le presse-papiers.

1234

1. 1Search glyphs
2. 2Filter by kind
3. 3The glyph you clicked
4. 4Copy character

Sur les trois autres onglets, le panneau de droite a deux vues. Adjust règle le Style, la Size, la Line height (interlignage) et le Letter spacing (approche), plus les Axes d’une police variable et les Features facultatives de la police. Chaque fonctionnalité montre un avant et un après, dessinés par la police elle-même, et la survoler signale dans le Type tester les lettres qu’elle modifie. Reset remet les axes à zéro. Optical size a un bouton Auto qui le fait suivre la taille du texte, et vous pouvez taper une valeur exacte à côté de chaque curseur. Le Type tester utilise tous les réglages. Waterfall garde ses propres tailles, et Styles son propre interlignage. Glyphs reprend le même style, les mêmes axes et fonctionnalités, et a son propre menu de styles dans le panneau à côté de la grille. Copy CSS, en bas, copie ces réglages pour une page web.

About affiche la licence de la police, avec les licences courantes résumées en clair et Show full licence pour le texte complet, ainsi que ce que la police indique sur l’incorporation. En dessous figurent son format, ses axes, sa version et son fichier. Languages liste les systèmes d’écriture couverts, comme le latin, le cyrillique ou l’arabe, et signale s’il manque le latin étendu, le vietnamien, le grec ou le cyrillique.

123

1. 1License in plain words
2. 2What the font says about embedding
3. 3Languages

En haut, Add to compare emporte dans Compare le style, les axes et les fonctionnalités choisis, et Convert… ouvre le panneau Convert pour cette famille.

05Étape 5 : Convertissez des polices

Sélectionnez des familles et cliquez sur Convert, ou choisissez Convert… dans le menu ⋯ d’une ligne ou depuis Inspect. Un panneau s’ouvre sur le côté. Sous Convert to, choisissez un format :

• WOFF2 (par défaut) : le fichier le plus léger pour les sites web. Les formes de lettres, les approches et les fonctionnalités restent exactement les mêmes.
• WOFF : pour les anciens navigateurs. Plus lourd que le WOFF2, avec exactement les mêmes formes de lettres, approches et fonctionnalités.
• TTF : une police pour ordinateur. Un TTF reste tel quel. Un OTF est redessiné en copie très fidèle, sans son hinting.
• OTF : une police pour ordinateur. Un OTF reste tel quel. Un TTF est redessiné en copie très fidèle, sans son hinting.

Une police web qui contient déjà le bon type de contours est décompressée à l’identique, pas redessinée. Un TTF ou un OTF déjà au format choisi est enregistré tel quel. Un WOFF ou un WOFF2 est recompressé, avec les mêmes formes de lettres, approches et fonctionnalités.

Pour le WOFF2 et le WOFF, laissez Web kit activé pour écrire aussi un fonts.css, avec une règle par style, prêt à coller dans un site. Une police variable reçoit une seule règle qui couvre sa plage de graisses. Si une famille contient une police variable et des copies statiques de celle-ci, seule la police variable est écrite, pour garder un CSS court.

Files liste ce qui sera écrit : un fichier par style, ou un seul fichier pour une police variable. Fonts appelle chacun une « face » : le bouton affiche par exemple Convert 5 faces. Une ligne qui ne peut pas être convertie indique pourquoi.

12345

1. 1Convert to
2. 2Web kit
3. 3Files to write
4. 4Save to
5. 5Convert

Si une police indique qu’elle ne peut pas être convertie sans l’accord de la fonderie, Convert affiche ce message avec une case I have permission, et cette famille attend que vous la cochiez. Les autres polices à licence limitée reçoivent un court rappel : vérifiez la licence avant de les utiliser sur un site web.

1

1. 1I have permission

Choisissez un dossier sous Save to. Il propose d’abord le dernier dossier utilisé. La première fois, il propose un dossier fonts dans le dossier de sortie de votre espace de travail, que Hangar crée au moment d’enregistrer, ou vous demande d’en choisir un si l’espace de travail n’a pas de dossier de sortie. Tout va dans un seul dossier, pour que fonts.css retrouve les fichiers. Si un nom est déjà pris, le nouveau fichier reçoit un numéro, comme Inter-Bold (2).woff2.

Cliquez sur le bouton Convert en bas. Stop laisse finir le fichier en cours et garde tout ce qui est déjà écrit. À la fin, le panneau liste chaque fichier avec son poids et l’écart avec l’original, montre le fonts.css, et nomme ce qui a été ignoré ou a échoué, avec la raison. Un fichier en échec n’arrête pas les autres. Utilisez Show in Finder (Show in Explorer sous Windows) ou Copy CSS, puis Done.

12

1. 1fonts.css
2. 2Copy CSS

Une police statique est nommée d’après son nom PostScript, comme Inter-Bold.woff2. Une police variable utilise son nom de famille et ses axes, comme Inter[opsz,wght].woff2. Chaque police d’une collection TTC ou OTC devient un fichier distinct.

06Étape 6 : Enregistrez un spécimen PDF

Un spécimen est un PDF qui montre une famille de polices sous son meilleur jour, à envoyer à un client ou à imprimer pour une réunion. Sélectionnez une ou plusieurs familles et cliquez sur Specimen PDF dans la barre du bas. Vous pouvez aussi choisir Export specimen PDF… dans le menu ⋯ d’une ligne, ou cliquer sur Specimen PDF… dans Inspect.

Un panneau s’ouvre avec vos choix :

• Fonts : chaque famille choisie, écrite dans sa propre police. Chaque famille a son propre PDF.
• Template : Proof, Poster ou Book. Les images sont les vraies premières pages de vos polices. Chaque modèle a les mêmes six pages : une couverture, les styles, les tailles, une page de texte, les caractères, et les fonctionnalités et langues. Une police avec beaucoup de caractères a plus de pages de caractères.
• Paper : A4 ou Letter. Fonts choisit le papier utilisé là où vous vivez, et retient vos derniers modèle et papier.
• Files : chaque PDF qu’il va enregistrer, avec son nom et son nombre de pages, par exemple « Newsreader specimen.pdf · 6 pages ».

Cliquez sur Export PDF (Export 3 PDFs pour trois familles) et choisissez où enregistrer. Pour une seule famille, vous pouvez aussi changer le nom du fichier. Plusieurs PDF sont enregistrés dans le dossier choisi, chacun nommé d’après sa famille. Un fichier du même nom n’est jamais remplacé : le nouveau reçoit un numéro, par exemple « Newsreader specimen (2).pdf ».

Pendant le travail, le panneau indique quelle famille il compose. Cliquez sur Stop pour arrêter plus tôt ; les PDF déjà enregistrés restent. À la fin, le panneau montre la première page de chaque PDF avec Open, le dossier, et Show in Finder (Show in Explorer sous Windows). Cliquez sur Done pour le fermer.