Una de las cosas que más me gusta es ir cambiando el tema de las aplicaciones con las que trabajo, les da como un aire fresco que no viene mal cada cierto tiempo.
Recientemente me he dado cuenta que mi instalación de Visual Studio Code está prácticamente por defecto, por lo que me apetece ir cambiando detalles de la apariencia como el tema, los iconos o la fuente.
Hay varias tipografías que personalmente me resultan muy interesantes, y una de ellas es JetBrains Mono Font. La empresa JetBrains utiliza esta tipografía en la mayoría de sus IDEs y han hecho esta fuente open-source.
Es una fuente que he utilizado durante bastante tiempo, y me resulta muy cómoda para leer y trabajar, por lo que vamos a configurarla.
Instalación de la fuente
El primer paso es descargarte la fuente desde el enlace de JetBrains Mono Font, e instalarla en tu sistema. Para ello:
- Extrae el fichero zip.
- Si trabajas en Mac, copia los ficheros de la fuente (.tff) a la carpeta /Library/Font.
- También puedes abrir la aplicación "Catálogo tipográfico".
¡Listo! Con esto ya tienes la fuente instalada en tu sistema.
Configuración de Visual Studio Code
Abre el VSCode y pulsa el atajo cmd + , para abrir la configuración y abre el fichero como JSON. También puedes pulsar cmd + shift + p y buscar "open user settings json".
Ahora es tan sencillo como configurar la fuente añadiendo el parámetro "editor.fontFamily": "JetBrains Mono". Hay otro parámetro que también me gusta añadir y es el siguiente "editor.fontLigatures": true, que lo que hace es mejorar la legibilidad del texto sustituyendo combinaciones de símbolos por un único carácter, por ejemplo: >=, !=, => ...
Guarda el fichero y listo. Has aprendido a instalar una fuente tanto en tu ordenador como a configurar y personalizar el editor Visual Studio Code. Cuando vaya haciendo cambios en la capa de personalización los iré contando en el blog. ¡No te lo pierdas!