La solution pour rendre les polices de l’interface plus net de Brackets sous mac (avec de l’anti-aliasing) est simple. En effet le menu latéral de navigation apparait pixélisé et le reste flou sur les écrans de l’imac 5K Retina et macBookPro et les écrans non Retina comme les anciens macbookAir, même s’il est activé sur le système.
La procédure est la suivante : Dans un premier temps, changez de police dans le menu Brackets, Préférences et ajoutez ‘Lucida Console’ ou remplacez SourceCodePro-Medium par SourceCodePro-Regular si celle-ci est installée sur votre mac. Vous pouvez ajuster la taille 14 ou 15 px voire 16 pixels par exemple. Enregistrez et fermez le fichier pour voir le résultat.
Ensuite, dans le menu Débugger, Affichez le menu de développement, puis Dans la console copiez et collez les commandes suivantes une par une après les avoir validées avec la touche Entrée:
$(document.body).css("-webkit-backface-visibility", "visible")
$(document.body).css("-webkit-font-smoothing", "subpixel-antialiased")
Relancez BRACKETS pour voir les améliorations en terme de lisibilité du code HTML, CSS et PHP.
Je suis Fabien Lesbordes, formateur indépendant PAO et graphiste professionnel diplomé et spécialiste certifié ADOBE avec plus de 20 ans d'expérience dans l'image. Je suis aussi photographe et utilisateur Apple. Je retouche et 