Mon wiki

Outils pour utilisateurs

Outils du site

Vous êtes ici : start » informatique » ecriture » polices
informatique:ecriture:polices

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision		Révision précédente
informatique:ecriture:polices [2023/08/08 05:17] – créée alexisinformatique:ecriture:polices [2025/01/02 17:51] (Version actuelle) – ↷ Liens modifiés en raison d'un déplacement. 66.249.66.77
Ligne 1: Ligne 1:
 ====== Polices ====== ====== Polices ======
-<WRAP info> 
-Pour visualiser les polices disponibles sur mon système, j'utilise [[https://www.archlinux.org/packages/extra/x86_64/gnome-font-viewer/|gnome-font-viewer]]. Il affichera l'ensemble des polices disponibles pour l'utilisateur. Celles-ci sont situées soit dans ''/usr/share/fonts'' soit dans ''~/.local/share/fonts''. 
-</WRAP> 
- 
 <WRAP info> <WRAP info>
 Les différentes polices sont testées avec l'échantillon suivant : Les différentes polices sont testées avec l'échantillon suivant :
Ligne 15: Ligne 11:
 0O 1l B8 <> [] {} 2N2N2N2N 0O 1l B8 <> [] {} 2N2N2N2N
  
-/** +public function getElementValue(array $collection, string $index): ?int 
- * Transform class to DOM element +{ 
- */ +    /** Comment #1 */ 
-public function toDomElement(\DomDocument $domDocument): \DomElement { +    if (empty($collection)) { 
-    $image = $domDocument->createElement('img'); +        return null; 
-    $image->setAttribute('src', $this->url); +    } 
-    $image->setAttribute('class', 'reddit-image'); +     
- +    // Comment #2 
-    return $image;+    foreach ($collection as $key => $element) { 
 +        if ($key < $index || $key > $index) { 
 +            echo 'Index does not match key', PHP_EOL; 
 +            continue; 
 +        } 
 +         
 +        return $element->value(); 
 +    }
 } }
 </code> </code>
Ligne 41: Ligne 44:
 <WRAP group> <WRAP group>
 <WRAP half column box> <WRAP half column box>
-<typo ff:'Fira Code'>+<typo ff:'Fira Code';fs:1.5em>
 abcdefghijklmnopqrstuvwxyz\\ abcdefghijklmnopqrstuvwxyz\\
 ABCDEFGHIJKLMNOPQRSTUVWXYZ\\ ABCDEFGHIJKLMNOPQRSTUVWXYZ\\
Ligne 47: Ligne 50:
 àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ\\ àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ\\
 The quick brown fox jumps over the lazy dog\\ The quick brown fox jumps over the lazy dog\\
-== === != !== >= <= -> <=> =>\\+%%== === != !== >= <= -> <=> =>%%\\
 0O 1l B8 <> [] {} 2N2N2N2N 0O 1l B8 <> [] {} 2N2N2N2N
 </typo> </typo>
 </WRAP> </WRAP>
 <WRAP half column box> <WRAP half column box>
-<typo ff:'Fira Code'> +<typo ff:'Fira Code';sp:pre> 
-/**\\ +%%public function getElementValue(array $collection, string $index): ?int 
- * Transform class to DOM element\\ +{ 
- */\\ +    /** Comment #1 */ 
-public function toDomElement(\DomDocument $domDocument): \DomElement {\\ +    if (empty($collection)) { 
-    $image = $domDocument->createElement('img');\\ +        return null; 
-    $image->setAttribute('src', $this->url);\\ +    } 
-    $image->setAttribute('class', 'reddit-image');\\ +     
-\\ +    // Comment #2 
-    return $image;\\ +    foreach ($collection as $key => $element) { 
-}\\+        if ($key < $index || $key > $index) { 
 +            echo 'Index does not match key', PHP_EOL; 
 +            continue; 
 +        } 
 +         
 +        return $element->value(); 
 +    } 
 +}%%
 </typo> </typo>
 </WRAP> </WRAP>
Ligne 72: Ligne 82:
   * La police supporte les ligatures.   * La police supporte les ligatures.
 </WRAP> </WRAP>
 +
 +==== Intel One Mono ====
 +
 +<WRAP group>
 +<WRAP half column box>
 +<typo ff:'Intel One Mono';fs:1.5em>
 +abcdefghijklmnopqrstuvwxyz\\
 +ABCDEFGHIJKLMNOPQRSTUVWXYZ\\
 +0123456789.:,;(){}[]<>|^/*!?`'"@#$%&_-+=~\\
 +àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ\\
 +The quick brown fox jumps over the lazy dog\\
 +%%== === != !== >= <= -> <=> =>%%\\
 +0O 1l B8 <> [] {} 2N2N2N2N
 +</typo>
 +</WRAP>
 +<WRAP half column box>
 +<typo ff:'Intel One Mono';sp:pre>
 +%%public function getElementValue(array $collection, string $index): ?int
 +{
 +    /** Comment #1 */
 +    if (empty($collection)) {
 +        return null;
 +    }
 +    
 +    // Comment #2
 +    foreach ($collection as $key => $element) {
 +        if ($key < $index || $key > $index) {
 +            echo 'Index does not match key', PHP_EOL;
 +            continue;
 +        }
 +        
 +        return $element->value();
 +    }
 +}%%
 +</typo>
 +</WRAP>
 +</WRAP>
 +
 +<WRAP info>
 +  * [[https://github.com/intel/intel-one-mono|Page de téléchargement]].
 +</WRAP>
 +
 +==== Iosevka ====
 +
 +<WRAP group>
 +<WRAP half column box>
 +<typo ff:'Iosevka';fs:1.5em>
 +abcdefghijklmnopqrstuvwxyz\\
 +ABCDEFGHIJKLMNOPQRSTUVWXYZ\\
 +0123456789.:,;(){}[]<>|^/*!?`'"@#$%&_-+=~\\
 +àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ\\
 +The quick brown fox jumps over the lazy dog\\
 +%%== === != !== >= <= -> <=> =>%%\\
 +0O 1l B8 <> [] {} 2N2N2N2N
 +</typo>
 +</WRAP>
 +<WRAP half column box>
 +<typo ff:'Iosevka';sp:pre>
 +%%public function getElementValue(array $collection, string $index): ?int
 +{
 +    /** Comment #1 */
 +    if (empty($collection)) {
 +        return null;
 +    }
 +    
 +    // Comment #2
 +    foreach ($collection as $key => $element) {
 +        if ($key < $index || $key > $index) {
 +            echo 'Index does not match key', PHP_EOL;
 +            continue;
 +        }
 +        
 +        return $element->value();
 +    }
 +}%%
 +</typo>
 +</WRAP>
 +</WRAP>
 +
 +<WRAP info>
 +  * [[https://github.com/be5invis/Iosevka|Page de téléchargement]].
 +  * La police supporte les ligatures.
 +  * La police vient en différentes variantes, il va falloir chercher un peu pour trouver celle qui convient.
 +</WRAP>
 +
 +==== JetBrains Mono ====
 +
 +<WRAP group>
 +<WRAP half column box>
 +<typo ff:'JetBrains Mono';fs:1.5em>
 +abcdefghijklmnopqrstuvwxyz\\
 +ABCDEFGHIJKLMNOPQRSTUVWXYZ\\
 +0123456789.:,;(){}[]<>|^/*!?`'"@#$%&_-+=~\\
 +àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ\\
 +The quick brown fox jumps over the lazy dog\\
 +%%== === != !== >= <= -> <=> =>%%\\
 +0O 1l B8 <> [] {} 2N2N2N2N
 +</typo>
 +</WRAP>
 +<WRAP half column box>
 +<typo ff:'JetBrains Mono';sp:pre>
 +%%public function getElementValue(array $collection, string $index): ?int
 +{
 +    /** Comment #1 */
 +    if (empty($collection)) {
 +        return null;
 +    }
 +    
 +    // Comment #2
 +    foreach ($collection as $key => $element) {
 +        if ($key < $index || $key > $index) {
 +            echo 'Index does not match key', PHP_EOL;
 +            continue;
 +        }
 +        
 +        return $element->value();
 +    }
 +}%%
 +</typo>
 +</WRAP>
 +</WRAP>
 +
 +<WRAP info>
 +  * [[https://www.jetbrains.com/lp/mono/|Page de téléchargement]].
 +  * La police supporte les ligatures ((Il existe une version sans ligature pour utiliser avec les outils n'ayant pas l'option pour les désactiver)).
 +  * La police supporte plusieurs langues, plusieurs langages, plusieurs graisses.
 +</WRAP>
 +
 +==== Liens ====
 +  - [[https://sebsauvage.net/wiki/doku.php?id=polices-pour-developpeurs&do=|Polices pour développeurs [Wiki de sebsauvage.net]]]
 +  - [[https://www.programmingfonts.org/|Programming Fonts - Test Drive]] → pour tester d'autres polices pour développeur
  
  
 ===== Polices utilisées ===== ===== Polices utilisées =====
 +Il existe des milliers de polices, mais celles-ci sont celles que j'utilise d'une manière où d'une autre.
 +
 +==== Ænigma Scrawl 4 BRK ====
 +<WRAP box>
 +<typo ff:'Ænigma Scrawl 4 BRK';fs:1.5em>
 +abcdefghijklmnopqrstuvwxyz\\
 +ABCDEFGHIJKLMNOPQRSTUVWXYZ\\
 +0123456789.:,;(){}[]<>|^/*!?`'"@#$%&_-+=~\\
 +àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ\\
 +The quick brown fox jumps over the lazy dog\\
 +%%== === != !== >= <= -> <=> =>%%\\
 +0O 1l B8 <> [] {} 2N2N2N2N
 +</typo>
 +</WRAP>
 +
 +<WRAP info>
 +  * [[https://fontmeme.com/fonts/aenigma-scrawl-font/|Page de téléchargement]].
 +  * C'est la police utilisée lors de la génération de l'image contenant mes coordonnées.
 +</WRAP>
 +
 +==== Grudge 2 BRK ====
 +<WRAP box>
 +<typo ff:'Grudge 2 BRK';fs:1.5em>
 +abcdefghijklmnopqrstuvwxyz\\
 +ABCDEFGHIJKLMNOPQRSTUVWXYZ\\
 +0123456789.:,;(){}[]<>|^/*!?`'"@#$%&_-+=~\\
 +àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ\\
 +The quick brown fox jumps over the lazy dog\\
 +%%== === != !== >= <= -> <=> =>%%\\
 +0O 1l B8 <> [] {} 2N2N2N2N
 +</typo>
 +</WRAP>
 +
 +<WRAP info>
 +  * [[https://fonts2u.com/grudge-2-brk.font|Page de téléchargement]].
 +  * C'est la police utilisée sur ma carte d'affaire ((je ne l'utilise plus vraiment, mais je garde ça au cas où.)).
 +</WRAP>
 +
 +==== ParaType Sans ====
 +<WRAP box>
 +<typo ff:'PT Sans';fs:1.5em>
 +abcdefghijklmnopqrstuvwxyz\\
 +ABCDEFGHIJKLMNOPQRSTUVWXYZ\\
 +0123456789.:,;(){}[]<>|^/*!?`'"@#$%&_-+=~\\
 +àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ\\
 +The quick brown fox jumps over the lazy dog\\
 +%%== === != !== >= <= -> <=> =>%%\\
 +0O 1l B8 <> [] {} 2N2N2N2N
 +</typo>
 +</WRAP>
 +
 +<WRAP info>
 +  * [[https://company.paratype.com/pt-sans-pt-serif|Page de téléchargement]].
 +  * C'est l'une des polices utilisées sur mon site.
 +</WRAP>
 +
 +==== ParaType Serif ====
 +<WRAP box>
 +<typo ff:'PT Serif';fs:1.5em>
 +abcdefghijklmnopqrstuvwxyz\\
 +ABCDEFGHIJKLMNOPQRSTUVWXYZ\\
 +0123456789.:,;(){}[]<>|^/*!?`'"@#$%&_-+=~\\
 +àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ\\
 +The quick brown fox jumps over the lazy dog\\
 +%%== === != !== >= <= -> <=> =>%%\\
 +0O 1l B8 <> [] {} 2N2N2N2N
 +</typo>
 +</WRAP>
 +
 +<WRAP info>
 +  * [[https://company.paratype.com/pt-sans-pt-serif|Page de téléchargement]].
 +  * C'est l'une des polices utilisées sur mon site.
 +</WRAP>
 +
 +==== Sketch Nothing ====
 +<WRAP box>
 +<typo ff:'Sketch Nothing';fs:1.5em>
 +abcdefghijklmnopqrstuvwxyz\\
 +ABCDEFGHIJKLMNOPQRSTUVWXYZ\\
 +0123456789.:,;(){}[]<>|^/*!?`'"@#$%&_-+=~\\
 +àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ\\
 +The quick brown fox jumps over the lazy dog\\
 +%%== === != !== >= <= -> <=> =>%%\\
 +0O 1l B8 <> [] {} 2N2N2N2N
 +</typo>
 +</WRAP>
 +
 +<WRAP info>
 +  * [[https://www.dafont.com/fr/sketch-nothing.font|Page de téléchargement]].
 +  * C'est la police utilisée pour la génération des étiquettes que j'imprime pour donner un coté rustique.
 +</WRAP>
 +
 +===== Autres polices =====
 +==== Old Newspaper Types ====
 +<WRAP box>
 +<typo ff:'Old Newspaper Types';fs:1.5em>
 +abcdefghijklmnopqrstuvwxyz\\
 +ABCDEFGHIJKLMNOPQRSTUVWXYZ\\
 +0123456789.:,;(){}[]<>|^/*!?`'"@#$%&_-+=~\\
 +àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ\\
 +The quick brown fox jumps over the lazy dog\\
 +%%== === != !== >= <= -> <=> =>%%\\
 +0O 1l B8 <> [] {} 2N2N2N2N
 +</typo>
 +</WRAP>
 +
 +<WRAP info>
 +  * [[https://www.dafont.com/fr/oldnewspapertypes.font|Page de téléchargement]].
 +</WRAP>
 ===== Polices à tester ===== ===== Polices à tester =====
 +  - [[https://www.fontsquirrel.com/fonts/alex-brush|Alex Brush Font Free by TypeSETit » Font Squirrel]]
 +  - [[https://www.fontsquirrel.com/fonts/Aquiline-two|Aquiline Two Font Free by Manfred Klein Fonteria » Font Squirrel]]
 +  - [[https://fontzone.net/font-details/artistamp-medium|Artistamp Medium Font - FontZone.net]]
 +  - [[https://fontzone.net/font-details/assassins-dub|Assassins Dub Font - FontZone.net]]
 +  - [[https://fontzone.net/font-details/awaken|Awaken Font - FontZone.net]]
 +  - [[https://b612-font.com/|B612 – The font family]]
 +  - [[https://fontzone.net/font-details/bailey-regular|Bailey Regular Font - FontZone.net]]
 +  - [[https://fontzone.net/font-details/bajareczka-shadow|Bajareczka Shadow Font - FontZone.net]]
 +  - [[https://fontzone.net/font-details/beauregard-hollow|Beauregard Hollow Font - FontZone.net]]
 +  - [[https://www.fontsquirrel.com/fonts/ceviche-one|Ceviche One Font Free by Latinotype » Font Squirrel]]
 +  - [[https://input.djr.com/|Input: Fonts for Code]]
 +  - [[https://fontzone.net/font-details/satisfaction|Satisfaction Font - FontZone.net]]
 +  - [[https://fonts.google.com/specimen/Tangerine|Tangerine - Google Fonts]]
 +  - [[https://fontzone.net/font-details/typewriterrough-italic|TypewriterRough Italic Font - FontZone.net]]
 +  - [[https://identity.sweden.se/en/design-elements/typography|Typography | Sweden]]
 +
 +===== Répertoires de polices =====
 +  - [[https://www.dafont.com/fr/|DaFont - Polices à télécharger]]
 +  - [[https://www.fontsquirrel.com/|Free Fonts! Legit Free & Quality » Font Squirrel]]
 +  - [[https://github.com/google/fonts|GitHub - google/fonts: Font files available from Google Fonts, and a public issue tracker for all things Google Fonts]]
 +  - [[https://velvetyne.fr/|Home - VTF]]
 +  - [[http://www.warriordudimanche.net/article74/telechargez-mais-que-font-la-police|Mais que FONT la POLICE...? (200 fontes pour vos designs) - Warrior du Dimanche]]
 +  - [[https://www.nerdfonts.com/font-downloads|Nerd Fonts - Iconic font aggregator, glyphs/icons collection, & fonts patcher]]
 +  - [[https://www.fontspace.com/category/opentype|Opentype Fonts | FontSpace]]
 +  - [[https://v-fonts.com/|Variable Fonts]]
 +
 +===== Configuration et utilisation =====
 +
 +==== Installation sous Linux ====
 +
 +Si les polices sont disponibles dans les dépôts, il est recommandé d'utiliser le gestionnaire de paquet pour les installer.
 +Sinon il faut copier les fichiers dans le répertoire ''~/.local/share/fonts'' et de regénérer les informations de cache des polices avec la commande suivante :
 +<code>
 +fc-cache --force --verbose
 +</code>
  
 +==== Visualisation ====
 +Pour visualiser les polices disponibles sur mon système, j'utilise [[https://www.archlinux.org/packages/extra/x86_64/gnome-font-viewer/|gnome-font-viewer]].
 +Il affichera l'ensemble des polices disponibles pour l'utilisateur.
 +Celles-ci sont situées soit dans ''/usr/share/fonts'' soit dans ''~/.local/share/fonts''.
  
 +==== Activation des ligatures dans vscode ====
 +  * Installer une police le permettant, ici [[https://github.com/tonsky/FiraCode|Fira Code]],
 +  * Dans la configuration, ajouter le nom de la police dans la liste des polices supportées, ici ''Fira Code'',
 +  * Dans le fichier //settings.json//, ajouter la propriété ''editor.fontLigatures'' avec la valeur ''true''.
  
 +==== Ajouter des polices dans Dokuwiki ====
 +Voir [[informatique:outils:dokuwiki#ajouter_des_polices|Dokuwiki]].
  
informatique/ecriture/polices.1691497048.txt.gz · Dernière modification : 2023/08/08 05:17 de alexis