Fermer

septembre 18, 2023

10 des meilleures polices de programmation —

10 des meilleures polices de programmation —


Une bonne police de programmation est lisible, attrayante et personnalise l’éditeur que vous utilisez quotidiennement. Cela doit être bon compte tenu des heures que vous passez devant votre écran, mais il existe de nombreuses polices de programmation fabuleuses parmi lesquelles choisir…

Table des matières

C’est un fait reconnu (😛) que les développeurs passent plus de temps à peaufiner les paramètres de leur éditeur qu’à écrire du code. La police de programmation par défaut est souvent la première chose à modifier. Lorsque j’ai écrit cet article pour la première fois en 2009, j’ai suggéré un ensemble de polices de programmation gratuites qui étaient populaires à l’époque, mais certaines ont disparu maintenant et les options bitmap sont moins utiles sur un écran 4K.

Il n’y a pas de règles strictes, mais la plupart des développeurs optent pour les suivantes :

  • Une police à espacement fixe. Dans les polices de programmation à espacement fixe, chaque caractère utilise la même largeur, de sorte que les colonnes s’alignent comme prévu, ce qui facilite la lecture du code.
  • Une police de programmation avec une distinction claire entre les symboles similaires, tels que 0 (zéro) et O (o majuscule) ; 1 (un), I (i majuscule) et l (L minuscule) ; types de crochets, positionnement des symboles, espacement des lettres, etc.
  • Une police de programmation sans empattement plus simple qui n’a pas empattement lignes à la fin des traits.
  • Une police de programmation open source ou téléchargeable et utilisable gratuitement.

Il y a d’autres considérations que vous voudrez peut-être également prendre en compte :

  • Polices plus étroites, car elles permettent plus de caractères à l’écran.
  • Polices variables, qui offrent une plus grande gamme de graisses, de styles et même de variations de caractères avec et sans empattement.
  • Ligatures, qui combinent deux ou plusieurs symboles en un seul caractère, appelé glyphe. Par exemple, une fonction flèche JavaScript (=>) devient un seul caractère (). Personnellement, je pense que les ligatures sont une abomination et causent une confusion sans fin en matière de programmation, mais c’est votre choix !

Des sites tels que programmationfonts.org vous permettent de prévisualiser des dizaines de polices de programmation gratuites, et je l’ai utilisé pour les exemples de captures d’écran ci-dessous. Les images utilisent le même thème, la même taille et la même hauteur de ligne, elles se ressemblent donc superficiellement. Ils peuvent être très différents en fonction de votre système d’exploitation, de votre écran, de votre éditeur, de votre thème et de votre espacement. Préparez-vous donc à quelques expérimentations et ajustements.

Les dix polices de programmation présentées ci-dessous font partie de mes préférées. Ils sont tous gratuits, alors essayez-les…

C’est mon préféré actuel. C’est la police que j’utilise pour rédiger cet article. Eigil Nikolajsen l’a développé en 2023 en utilisant Code Fira et JetBrains Mono comme inspiration.

Commit Mono est clair, facile à lire et hautement configurable. Vous pouvez télécharger des variantes basées sur le poids (je préfère les 300 les plus légers), les ligatures, l’espacement des symboles, le crénage, les caractères alternatifs (comme le zéro avec une barre oblique ou un point), et bien plus encore. Même si ce n’est pas pour vous, jetez un œil au Site Web Commit Mono: c’est insolite et nouveau.

Police de programmation Commit Mono

J’ai utilisé Meslo pendant près d’une décennie avant de déménager Valider Mono. Il s’agit d’une reproduction gratuite de la police Menlo sur macOS, vous pouvez donc l’utiliser sur n’importe quel système. C’est propre, attrayant et lisible.

Police de programmation Meslo

Le Mencsh font est similaire, mais il affiche les zéros avec un point plutôt qu’une barre oblique.

Non content de créer l’éditeur gratuit le plus populaire au monde, Code VSMicrosoft a également développé le logiciel open source Police Cascadia Codequi est la valeur par défaut dans Terminal Windows. C’est clair et a fière allure dans les petites tailles, mais peut être un peu gros au-dessus 10pt.

Police de programmation Cascadia Code

L’ancien de Microsoft Consolas font est également une excellente option. Il est propriétaire, mais est disponible sous Windows et une recherche rapide permettra de localiser des options similaires sur les sites de fonderie de polices.

Développée pour la première fois par David Jonathan Ross en 2014, Input a été l’une des premières polices de programmation configurables. C’est un peu carré-look, et le style du support ne sera pas du goût de tout le monde, mais vous pouvez télécharger des variations de largeur, d’épaisseur, de hauteur de ligne et de forme de lettre. Des versions proportionnelles avec et sans empattement sont également disponibles pour une utilisation dans les traitements de texte ou les sites Web.

Police de programmation d'entrée

Hack a été développé par Christopher Simpkins. Il est arrivé peu de temps après Saisir à une époque où il y avait une explosion de nouvelles polices de programmation open source. C’est clair et a fière allure dans n’importe quel éditeur.

Hacker la police de programmation

Mozilla a développé Fira Mono en 2013 pour son Firefox OS désormais obsolète. Nikita Prokopov a enchaîné en 2014 avec Fira Mono. Elle a été une des premières à proposer des ligatures, elle a donc de nombreux arguments à répondre !

Fira Mond

JetBrains Mono est une police spécialement conçue pour le codage par les producteurs de WebStorm. La hauteur accrue des caractères minuscules facilite la lecture. Il est également un peu plus étroit que les autres, vous pouvez donc insérer plus de code sur votre écran. Des ligatures sont disponibles si vous devez vraiment les utiliser.

Police de programmation JetBrains Mono

Il s’agit de la version monospace de Roboto. Il s’agit d’une police Google lancée pour la première fois pour Android en 2011 et devenue populaire pour les pages Web. Ce n’est peut-être pas passionnant, mais c’est clair et facile à lire.

Police de programmation Roboto Mono

Compte tenu de leur expérience en conception, Adobe a mis un certain temps à publier une police de programmation. Source Code Pro est arrivé en 2012. Il est un peu large mais pas aussi lourd que les autres.

Police de programmation Source Code Pro

Pour ne pas être en reste sur la scène des polices de programmation, Intel a publié sa police mono-espacée One Mono en 2023, et Intel affirme que One Mono est une « famille de polices mono-espacées expressives construite avec clarté et lisibilité ». Il est large et tout le monde n’aimera pas les crochets ou les caractères minuscules, mais peu de vos collègues développeurs l’utiliseront.

Police de programmation Intel One Mono

Polices de programmation bonus 1 : les classiques

Quelques polices de programmation que j’ai mentionnées dans ma version 2009 de cet article ont survécu à l’épreuve du temps. Bitstream Vera Sans Mono a été créée par Jim Lyles en 2002. Elle reste l’une des polices préférées des développeurs et a influencé de nombreuses polices de programmation qui ont suivi.

Police de programmation Bitstream Vera Sans Mono

DéjaVu Mono est similaire, tout comme Monaco – qui était mon préféré au début des années 2000.

Si vous utilisez Linux et souhaitez quelque chose qui corresponde à la police de votre système d’exploitation, pensez à UbuntuMono. Cela semble clair même dans les petites tailles.

Police de programmation Ubuntu Mono

Vecteur Proggy est une alternative à l’ancien ProggyClean Police bitmap de 2004. C’est un peu lourd, mais certains préféreront cela.

Police de programmation Proggy Vector

Polices de programmation bonus 2 : cas particuliers

OpenDyslexic Mono est conçu pour mieux fonctionner pour les personnes présentant des symptômes courants de dyslexie. Les bas de caractères lourds indiquent la direction. Cela ne fonctionnera peut-être pas pour tout le monde, mais pourrait encourager quelqu’un à se lancer dans le codage alors qu’il aurait pu avoir des difficultés autrement.

Police de programmation OpenDyslexic Mono

Enfin, Bande dessinée Mono est l’option controversée si vous voulez embêter ceux qui détestent Comic Sans. C’est étonnamment bon…

Police de programmation Comic Mono

Polices de programmation bonus 3 : sortez votre portefeuille !

Comme je l’ai dit au début, cet article se concentre sur les polices de programmation gratuites et open source que vous pouvez télécharger et utiliser sans sortir votre portefeuille. Il existe bien sûr de nombreuses polices de programmation plus populaires disponibles si vous êtes prêt à payer. De nombreux concepteurs qui créent des didacticiels et des cours en ligne utilisent une gamme de polices de programmation sophistiquées qui ont peut-être attiré votre attention ces derniers temps. Ces polices de codage offrent un peu plus de style et de « plaisir », si c’est votre truc.

Un exemple est Opérateur Monoutilisé par Wes Bos.

Une capture d'écran de la police de programmation Operator Mono

D’autres exemples incluent Gintronique, Merci Mono, PragmataProet MonoLisa (photo ci-dessous).

Une capture d'écran de la police MonoLisa

À moins que vous ne créiez des cours ou des articles de blog pour impressionner les gens, il peut être exagéré de payer pour une police de programmation que vous ne verrez généralement que vous-même. Mais si cela rend le codage plus amusant, vous motive à continuer et que vous pouvez vous le permettre, une police commerciale à espacement fixe comme celle-ci pourrait valoir la peine d’être essayée.

FAQ sur les polices de programmation

Terminons en abordant quelques questions fréquemment posées sur la programmation des polices.

Qu’est-ce qu’une police de programmation ?

Une police de programmation est une police spécialement conçue pour le codage et l’édition de texte. Ces polices sont optimisées pour la lisibilité et la lisibilité lorsque vous travaillez avec du code, ce qui implique souvent de longues heures passées à regarder un écran.

Pourquoi les polices de programmation sont-elles importantes ?

Les polices de programmation sont importantes car elles peuvent améliorer votre expérience de codage en rendant le code plus facile à lire et en réduisant la fatigue oculaire. Ils comportent généralement des caractères distincts, une différenciation claire entre les caractères similaires et sont optimisés pour le formatage à largeur fixe utilisé dans les éditeurs de code.

Qu’est-ce qui fait une bonne police de programmation ?

Une bonne police de programmation doit avoir des caractères clairs et faciles à distinguer, des largeurs de caractères uniformes (à espacement fixe), la prise en charge de divers langages et symboles de programmation et une bonne lisibilité dans différentes tailles de police.

Les polices de programmation sont-elles gratuites ?

De nombreuses polices de programmation sont open source et disponibles gratuitement, mais il existe également des options commerciales. Certaines polices de programmation gratuites populaires incluent Fira Code, Hack et DejaVu Sans Mono.

Que sont les ligatures dans les polices de programmation ?

Les ligatures sont des combinaisons de caractères spéciaux dans les polices de programmation qui combinent deux caractères ou plus en un seul symbole visuellement distinct. Par exemple, dans certaines polices de programmation, != est représenté comme un seul symbole. Les ligatures peuvent rendre le code plus esthétique et plus facile à lire.

Quelles sont les polices de programmation populaires ?

Certaines polices de programmation populaires incluent :

  • Code Fira
  • Pirater
  • Consoles
  • Inconsolable
  • Monaco
  • JetBrains Mono
  • Code Source Pro
  • DejaVu Sans Mono
  • Menlo

Comment installer et utiliser une police de programmation ?

Le processus d’installation et d’utilisation d’une police de programmation dépend de votre système d’exploitation et de votre éditeur de code. Généralement, vous pouvez télécharger le fichier de police, l’installer sur votre système, puis configurer votre éditeur de code pour utiliser la police.

Puis-je utiliser des polices de programmation dans le développement Web ?

Oui, vous pouvez utiliser des polices de programmation dans le développement Web. Vous pouvez spécifier la police que vous souhaitez utiliser dans vos feuilles de style CSS ou dans les styles en ligne pour les éléments Web.

Existe-t-il des paramètres de taille de police et de hauteur de ligne recommandés pour la programmation des polices ?

La taille de police et la hauteur de ligne idéales peuvent varier en fonction de vos préférences personnelles et de la résolution de l’écran. Il est préférable d’expérimenter et de trouver les réglages qui vous conviennent. Cependant, une ligne directrice courante consiste à utiliser une taille de police comprise entre 12 et 16 pixels avec une hauteur de ligne de 1,2 à 1,5 fois la taille de la police.

Puis-je créer ma propre police de programmation ?

Oui, vous pouvez créer votre propre police de programmation si vous possédez les compétences en conception et les logiciels nécessaires. Il existe également des outils et des guides disponibles pour la création de polices. Les polices personnalisées peuvent être adaptées à vos préférences et besoins spécifiques.

N’oubliez pas que le choix d’une police de programmation est une question de préférence personnelle et que ce qui fonctionne le mieux pour un programmeur peut ne pas fonctionner aussi bien pour un autre. Il est important de trouver une police qui convient à votre style de codage et qui rend votre travail plus efficace et plus agréable.

Conclure

En général, le code est mieux écrit dans une police à espacement fixe, et les éditeurs de code vous donnent beaucoup de choix quant à la police que vous utilisez pour votre travail de programmation.

Les polices de programmation gratuites mentionnées ci-dessus vous seront toutes très utiles, mais il y a bien d’autres à explorer si vous recherchez toujours quelque chose de différent. Pour plus d’options gratuites, rendez-vous sur programmationfonts.org et passez quelques jours à expérimenter !






Source link

septembre 18, 2023