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

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
informatique:ecriture:polices [2023/08/08 09:07] – 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 52: Ligne 55:
 </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 ==== ==== Ænigma Scrawl 4 BRK ====
Ligne 112: Ligne 254:
 </WRAP> </WRAP>
  
-=== ParaType Sans ===+==== ParaType Sans ====
 <WRAP box> <WRAP box>
 <typo ff:'PT Sans';fs:1.5em> <typo ff:'PT Sans';fs:1.5em>
Ligne 130: Ligne 272:
 </WRAP> </WRAP>
  
-=== ParaType Serif ===+==== ParaType Serif ====
 <WRAP box> <WRAP box>
 <typo ff:'PT Serif';fs:1.5em> <typo ff:'PT Serif';fs:1.5em>
Ligne 148: Ligne 290:
 </WRAP> </WRAP>
  
-=== Sketch Nothing ===+==== Sketch Nothing ====
 <WRAP box> <WRAP box>
 <typo ff:'Sketch Nothing';fs:1.5em> <typo ff:'Sketch Nothing';fs:1.5em>
Ligne 166: Ligne 308:
 </WRAP> </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.1691510858.txt.gz · Dernière modification : de alexis