🖖 Inicio

SERVICIOS

Salir

nochedía

Escoger la mejor fuente para programar (visual studio code)

400 palabras
2 minutos
June 10, 2019
blogvscodecss

Te hablo de las mejores fuentes que hay para programar

  1. Prólogo
  2. Programming Fonts
  3. Google WebFonts Helper
  4. Google Fonts
  5. Extensiones de Chrome
  6. Reseñas
  7. VSCode

Prólogo

Programar requiere un entorno físico concreto, y un entorno digital concreto. Como en toda tarea, necesitas de cierto equilibrio y orden para poder trabajar a gusto

Con mi editor favorito, el VSCODE, una de las decisiones que al principio (normalmente) no prestas atención (más que nada porque la fuente que por defecto te instala vscode ya es magnífica) es escoger qué fuente te gusta más para programar

Y evidentemente internet nos da recursos para poder ver, probar y escoger entre fuentes libres o privativas, gratis o que cuestan su dinero

Programming Fonts

Una página fantástica, app.programmingfonts.org, donde podemos provar in-situ las fuentes listadas, más de 80 fuentes gratis y libres

Google WebFonts Helper

La herramienta de google que la tienes aquí y donde tenemos acceso a 916 fuentes para descargarlas. Y es que no es muy práctico / rápido para probar fuentes, pero sí que nos sirve para decidir qué descargarnos (útil para incluir fuentes en nuestra página web en lugar de pedirlas online, con sus ventajas y sus desventajas)

Google Fonts

Ésta sí es en verdad la herramienta de google (que la tienes aquí) en tanto en cuanto aquí sí podemos probar las fuentes de una manera más práctica, y también descargarnos-las (aunque la anterior dirección permite una mayor flexibilidad)

Extensiones de Chrome

Siguen siendo igual de útiles, pero están abandonadas y no parece haber un substituto actual

Tienes la Font Changer Extension que te servirá para cambiar la fuente de cualquier sitio web y así poder ver cómo cambia el diseño, con más de 500 fuentes de google, y tienes también la Google Font Previewer, que más o menos te servirá para lo mismo

Reseñas

Tienes fantásticos artículos que listan distintas opciones y que te sugiero que consultes para ver de un vistazo si hay algo que te seduce, por ejemplo de Owen Caulfield, de Charlee Li, de Hivelogic, en local fonts, en 1stwebdesigner, o en coding horror

VSCode

VSCode te instala por defecto Consolas, fuente (wikipedia) que está en Windows desde siempre, y es la que yo personalmente uso (cuando estoy con Windows, que es la mayor parte del tiempo)

Qué fuentes instala vscode por defecto? la respuesta la encontramos en esta pregunta de stackoverflow, donde vemos que se especifica en el código de VSCode justamente aquí

js
const DEFAULT_WINDOWS_FONT_FAMILY = "Consolas, 'Courier New', monospace"
const DEFAULT_MAC_FONT_FAMILY = "Menlo, Monaco, 'Courier New', monospace"
const DEFAULT_LINUX_FONT_FAMILY = "'Droid Sans Mono', 'monospace', monospace, 'Droid Sans Fallback'"

Como he dicho yo en Windows uso Consolas después de haber probado varias, y en Ubuntu la he cambiado por Ubuntu Mono que me gusta más, cuestión de preferencias

Por cierto, tienes 2 herramientas kuworking para explorar las casi 1000 fuentes google rápidamente

Y si te interesan los snippets de vscode, tienes otra entrada aquí, o un repaso por algunos themes que merecen la pena aquí, o la configuración de linters y formatters aquí

Qué tal la entrada?
👌 Bien 🙌🙌
👍 Bien, pero algunas cosas podrían explicarse mejor 😬
🤷‍♂️ Da por sentadas demasiadas cosas 😒
🤷‍♂️ A ver, hay poca chicha 😬
🤷‍♂️ Los ejemplos no son muy claros 🙇‍♂️
🤷‍♂️ No se entiende, está mal escrito 👎
✍️ Hay errores, revísalo en cuanto puedas 🙏

Newsletter de kuworking, un correo de tanto en cuanto

Quizá te interese

Privacidad
by kuworking.com
[ 2020 >> kuworking ]