Los desarrolladores pasan todo el día usando editores de código, emuladores de terminal y en otras herramientas de desarrollo o en la creación de proyectos.
El uso de una fuente que te resulte cómoda a la vista puede marcar una gran diferencia y mejorar en gran medida tu productividad.
Aquí hay una recopilación de las mejores fuentes gratuitas de espacio único para codificar y programar junto a un pequeño comentarios y los enlaces de descarga.
1. Fira Code
He estado utilizando la tipografía de Monaco durante mucho tiempo hasta que encontre la fuente de Fira Code.
Con más de 53.600 estrellas en Github, Nikita Prokopov se esfuerza mucho en ligar y encontrar la fórmula más atractiva en las ligaduras.
Por ello, en la actualidad, es una de mis fuentes favoritas.
✍ Descarga la Fuente de Fira Code ⛲ Repositorio de la Tipografía en Github
2. IBM Plex Mono
La familia Plex se creó para reemplazar a Helvetica como el tipo de letra corporativo de IBM después de más de 50 años.
Las cursivas de esta familia tipográfica se ven muy bien y presenta glifos muy nítidos y fáciles de leer. Desafortunadamente, no incluye ningún tipo de ligaduras entre los caracteres.
✍ Descarga la Fuente de IBM Plex Mono ⛲ Repositorio de la Tipografía en Github
3. Source Code Pro
Esta fue una de las primeras fuentes de código abierto creadas por Adobe. Después de su lanzamiento en 2012, la fuente se volvió extremadamente popular y fue adoptada por muchos desarrolladores.
Conserva las características del diseño original y las proporciones verticales de Source Sans, pero modifica el ancho de los glifos para que sean uniformes en los diferentes pesos.
✍ Descarga la Fuente de Source Code Pro ⛲ Repositorio de la Tipografía en Github
4. Monoid
Si eres una de esas personas que odian el desplazamiento horizontal, esta es la fuente adecuada para ti.
Está optimizado para codificar con una nitidez similar a un mapa de bits de 12px/9pt incluso en las pantallas de más baja resolución y también hay una integración de Font Awesome denominada Monoisome.
✍ Descarga la Fuente de Monoid ⛲ Repositorio de la Tipografía en Github
5. Hack
Esta es una de las fuentes más personalizables de todas, tiene 1573 glifos y puedes cambiar los detalles de cada uno de ellos tú mismo.
Los glifos Powerline también se incluyen en el conjunto regular.
✍ Descarga la Fuente de Hack ⛲ Repositorio de la Tipografía en Github
6. Iosevka
Esta fuente proporciona un aspecto delgado por defecto: Los glifos tienen exactamente 1/2 em de ancho. En comparación con su competencia, vas a poder colocar muchas más columnas en un mismo ancho de pantalla.
Iosevka ofrece dos anchos diferentes, el normal y el extendido, por lo que si prefieres más aire entre tus escrituras, puedes elegir la versión Extendida.
✍ Descarga la Fuente de Iosevka ⛲ Repositorio de la Tipografía en Github
7. JetBrains Mono
JetBrains, la compañía que se encuentra detrás de IntelliJ, WebStorm y tantos otros IDE; sorprendió a todos en 2020 creando su propia fuente tipográfica.
Su enfoque es mantener las líneas de código con la longitud que esperan los desarrolladores, haciendo que cada letra ocupe más píxeles.
Eso lo logran haciendo que los caracteres sigan siendo de ancho estándar, pero maximizando la altura de las minúsculas.
✍ Descarga la Fuente de Jetbrains Mono ⛲ Repositorio de la Tipografía en Github
8. Fantasque Sans Mono
Diseñado con la funcionalidad en la mente, este es el tipo de fuente agrega un toque extra al código.
Su imprecisión es similar a la escritura realizada a mano y la convierte en una opción diferente pero genial.
✍ Descarga la Fuente de Fantasque Sans Mono ⛲ Repositorio de la Tipografía en Github
9. Ubuntu Mono
Creado específicamente para complementar el sistema de Ubuntu, Ubuntu Mono tiene un estilo contemporáneo y contiene características únicas de la marca Ubuntu que transmiten una actitud precisa, confiable y libre.
Si te gusta Linux pero tienes que trabajar en Windows o MacOS, esta fuente te traerá un poco de felicidad.
✍ Descarga la Fuente de Ubuntu Mono • Sitio
10. Anonymous Pro
Lo bueno de esta fuente es que los caracteres que podrían confundirse entre sí como 0 (cero) vs O (O mayúscula) se diferencian intencionalmente.
Es una familia de cuatro fuentes de ancho fijo diseñadas especialmente teniendo en cuenta la codificación.
✍ Descarga la Fuente de Anonymous Pro • Sitio
11. Inconsolata
Una alternativa de código abierto a la fuente Consolas patentada por Microsoft. Inconsolata es una fuente monoespaciada diseñada para listas de códigos impresos, emuladores de terminal y usos similares.
Inconsolata tiene ligaduras para una gran experiencia a la hora de la codificación.
✍ Descarga la Fuente de Inconsolata ⛲ Repositorio de la Tipografía en Github
12. Victor Mono
Este tipo de letra es limpio, nítido y estrecho, con una altura grande y una puntuación clara, lo que lo hace legible e ideal para el código.
Existe en siete versiones de pesos diferentes y en estilos de itálicas, oblicua y romana. También tiene una cursiva cursiva semiconectada y ligaduras de símbolos de programación.
✍ Descarga la Fuente de Victor Mono ⛲ Repositorio de la Tipografía en Github
13. Space Mono
Desarrolladas explícitamente para su uso en la tipografía de titulares y exhibiciones, las formas de las letras infunden un núcleo de losa geométrica con formas novedosas sobrerracionalizadas.
Admite un conjunto de glifos latinos extendidos, lo que permite la composición tipográfica para el inglés y otros idiomas de Europa occidental.
✍ Descarga la Fuente de Space Mono ⛲ Repositorio de la Tipografía en Github
14. Hasklig
Esta fuente, basada en Source Code Pro, resuelve el problema de la misma forma en que los tipógrafos siempre han resuelto los caracteres que no encajan: las ligaduras.
El código subyacente permanece igual, solo cambia la representación.
✍ Descarga la Fuente de Hasklig ⛲ Repositorio de la Tipografía en Github
¿Cuál es tu tipografía favorito para programar?
Las fuentes, al igual que los temas, son un tema muy personal.
A cada uno de los desarrolladores le gustan fuentes diferentes, algunos aman las ligaduras, otros las odian. Algunos aman las cursivas, otros las odian.
Con suerte, con esta compilación algún desarrollador va a poder encontrar una fuente que funcione mejor para él. Pruébalas durante un par de días y cuéntame por twitter (@ciberninjas) si has notado diferencias.
Si lo prefieres, simplemente puedes compartir la publicación o sugerirme tu fuente favorita para que la tenga en cuenta para mi próxima lista.
Relacionado
Desde Microsoft , buscan la fuente tipográfica por defecto para la tan utilizada Suite de Microsoft Office. Entre las alternativas a ser las sucesoras de Calibri: Tenorite, Bierstadt, Skeena, Seaford o Grandview. Aunque es posible que las fuentes predeterminadas no tengan el mismo estilo que algunas de las más llamativas (como Bauhaus 93 o Showcard Gothic) transmiten una personalidad de manera más tranquila. Una fuente predeterminada ¡SEGUIR LEYENDO!
- June & Lucy (Autor)
Como desarrollador de software, es importante poder aumentar la productividad para terminar las tareas más difíciles a su debido tiempo. Para optimizar los procesos, se requieren las mejores herramientas y tecnologías, entre ellas algunas de las mejores extensiones de Chrome. Aprender a programar es una de las tareas más difíciles y que consume más tiempo en los nuevos programadores. Una vez que hayas aprendido a programar ¡SEGUIR LEYENDO!
La tipografía juega un papel importante en el diseño web y las combinaciones de fuentes correctas pueden mejorar enormemente su trabajo. Sin embargo, encontrar fuentes óptimas para sus proyectos puede ser un desafío. Puedes tropezar con los tipos de letra que te gustan al azar mientras lee una revista en línea o mira un póster web. Pero incluso después de identificar una fuente, es posible que ¡SEGUIR LEYENDO!
La optimización del sitio web es de vital importancia para obtener una buena clasificación en Google y otros motores de búsqueda puesto que cuando compites con el resto del mundo, cada milisegundo cuenta. Aplazar la carga de las fuentes de tu sitio puede darte un ligero impulso y ganar algunos milisegundos de carga para optimizar la interacción de los usuarios con tu sitio. Las fuentes web ¡SEGUIR LEYENDO!