- Un jeu interactif web permettant de comparer diverses polices monospace afin de trouver la police de codage la plus lisible pour soi
- À chaque manche, deux polices sont proposées, et lorsque l’utilisateur choisit celle qu’il préfère, un résultat de recommandation personnalisé est généré
- Il est possible d’ajuster directement des éléments visuels comme les font ligatures, la taille de police ou le changement de thème afin d’évaluer les polices dans des conditions proches d’un véritable environnement de développement
- Les exemples de code incluent des combinaisons de caractères similaires comme
0, O, l, 1, ce qui permet de tester la capacité de distinction des caractères selon la police
- Le service est intégré à Studio de Typogram et propose une interface simple exécutable directement dans le navigateur pour explorer et comparer les polices
Fonctionnalités principales
- L’option Font Ligatures peut être activée ou désactivée pour comparer des polices avec ou sans ligatures
- La taille de police (Font Size) peut être réglée de 8 à 36 afin de vérifier directement la lisibilité dans différents environnements d’affichage
- Les réglages Show Name et Theme permettent de modifier l’affichage du nom de la police ainsi que le thème de l’écran
- Chaque police est comparée à l’aide du même exemple de code JavaScript, ce qui permet une évaluation dans des conditions proches d’un environnement de développement réel
Composition de l’exemple de code
- Le code d’exemple comprend des commentaires sur une ligne (
//) et des commentaires multilignes (/* ... */)
- Une fonction
isMultipleOf utilisant la syntaxe des fonctions fléchées (arrow function) est définie, avec une logique simple de comparaison entre un nombre et un multiple
- Les noms de variables utilisent des combinaisons de caractères qui se ressemblent comme
0, o, O, l, 1, I, afin de vérifier la clarté de distinction selon la police
- Le résultat de l’appel de fonction est affiché dans la console, et des exemples traitant différemment
0 et 1 permettent de tester la distinction visuelle des caractères
Interaction et déroulement d’utilisation
- À chaque manche, l’utilisateur choisit une police ou se déplace avec les touches fléchées (
⇽, ⇾) pour poursuivre la comparaison
- Une fois le choix effectué, on passe à la paire de polices suivante, et la répétition permet d’identifier progressivement les préférences personnelles de lisibilité
- Le bouton Restart Game permet de relancer le jeu et de commencer immédiatement une nouvelle session de comparaison
Fonctionnalités supplémentaires et exploration
- L’onglet Browse du menu supérieur permet d’explorer directement différentes polices de codage
- Le lien Studio permet d’accéder à l’outil de conception de polices de Typogram
- L’ensemble de l’interface repose sur une UI web simple, utilisable directement dans le navigateur sans installation préalable
Aucun commentaire pour le moment.