En este módulo aprenderás:
- Instalación y configuración de FiraCode y JetBrainsMono Nerd Fonts en VS Code/Warp.
- Comandos y configuraciones clave para 03. Guía de Nerd Fonts
- Ejercicios prácticos listos para probar en tu terminal local
¿Qué son las Nerd Fonts y por qué las necesitas?
Mano, las Nerd Fonts son fuentes tipográficas para programadores parcheadas con más de 3,600 íconos (Font Awesome, Devicons, Octicons, Material Design).
Sin una Nerd Font instalada, los símbolos de Git, Docker, Python y carpetas se verán como rectángulos vacíos (`` o [?]).
Las Fuentes Más Usadas en la Industria
- FiraCode Nerd Font: Famosa por sus ligaduras de código (
=>,!=,===). - JetBrainsMono Nerd Font: Lectura ultra cómoda y excelente espacio entre caracteres.
- Hack Nerd Font: Estilo clásico de terminal hacker.
Instalación Rápida
install-fonts.shbash
# En macOS (Homebrew):
brew install --cask font-fira-code-nerd-font
brew install --cask font-jetbrains-mono-nerd-font
# En Linux (Ubuntu / Debian):
mkdir -p ~/.local/share/fonts
cd ~/.local/share/fonts
curl -fLO https://github.com/ryanoasis/nerd-fonts/releases/download/v3.2.1/FiraCode.zip
unzip FiraCode.zip && rm FiraCode.zip
fc-cache -fv
Configuración en tu Editor o Terminal (VS Code settings.json)
settings.jsonjson
{
"terminal.integrated.fontFamily": "'FiraCode Nerd Font', 'JetBrainsMono Nerd Font', monospace",
"editor.fontFamily": "'FiraCode Nerd Font', monospace",
"editor.fontLigatures": true
}
Reinicia tu editor tras instalar fuentes
Después de instalar una Nerd Font, cierra por completo tu terminal o editor (VS Code, Cursor, Warp) para que el sistema operativo registre la nueva tipografía.
Ejercicio Práctico Ninja 🥷
- Descarga e instala FiraCode Nerd Font.
- Actualiza la fuente de tu terminal a
FiraCode Nerd Font. - Abre tu terminal y verifica que los íconos de Starship se muestren nítidos y vectoriales.