{"id":262962,"date":"2023-03-26T11:52:00","date_gmt":"2023-03-26T08:52:00","guid":{"rendered":"https:\/\/inform.click\/15-de-las-mejores-herramientas-de-tipografia-gratuitas-para-disenadores\/"},"modified":"2023-03-26T11:52:00","modified_gmt":"2023-03-26T08:52:00","slug":"15-de-las-mejores-herramientas-de-tipografia-gratuitas-para-disenadores","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/15-de-las-mejores-herramientas-de-tipografia-gratuitas-para-disenadores\/","title":{"rendered":"15 de las mejores herramientas de tipograf\u00eda gratuitas para dise\u00f1adores"},"content":{"rendered":"<p>\n  La tipograf\u00eda simplemente significa ajustar la apariencia, el estilo y la disposici\u00f3n de un texto dentro de un dise\u00f1o o un sitio web. No se limita solo a la fuente que usa, sino tambi\u00e9n a la longitud del contenido, el tama\u00f1o del texto y su estilo.\n<\/p>\n<p>\n  Para crear un contenido poderoso, se debe hacer un fuerte \u00e9nfasis en la tipograf\u00eda. Ayuda a preservar el valor est\u00e9tico de su contenido y le proporciona una apariencia atractiva. La tipograf\u00eda es un arte en s\u00ed mismo que marca el tono de su sitio web, presenta la informaci\u00f3n de manera profesional y garantiza una excelente experiencia de usuario.\n<\/p>\n<p>\n  Todo dise\u00f1ador debe comprender cu\u00e1n importante es la tipograf\u00eda y, al mismo tiempo, aprovechar el uso de ciertas herramientas tipogr\u00e1ficas que lo ayudar\u00e1n a ahorrar tiempo, evitar que use las mismas fuentes antiguas y, lo que es m\u00e1s importante, establecer dise\u00f1os f\u00e1ciles de usar y para sitios web. .\n<\/p>\n<p>\n  Revisa estas herramientas de tipograf\u00eda gratuitas que he enumerado a continuaci\u00f3n y aprov\u00e9chalas al m\u00e1ximo:\n<\/p>\n<h5>\n  1 FuenteFace Ninja<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/fontface.ninja\/\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<p>\n  FontFace Ninja es una extensi\u00f3n de navegador gratuita para comprar, marcar, probar e inspeccionar cualquier fuente en cualquier sitio web. Puede probar cualquier fuente sin siquiera salir del sitio web que est\u00e1 navegando. Las fuentes gratuitas est\u00e1n disponibles con un enlace de descarga, sin embargo, si te gusta una fuente y deseas comprarla, incluso obtienes un enlace para elegir y comprar entre m\u00e1s de 30,000 fuentes. Obtenga el nombre, la altura de la l\u00ednea, el espaciado entre letras, el color y el tama\u00f1o de cualquier fuente al pasar el cursor sobre ella. Pr\u00f3ximamente tambi\u00e9n aparecer\u00e1 una nueva funci\u00f3n para marcar cualquier fuente con la que te encuentres en un sitio web.\n<\/p>\n<h5>\n  2 Caligrafo<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.calligraphr.com\/en\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-6383219e6c42e.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Transforme la caligraf\u00eda o su escritura a mano en una fuente con Calligraphr. Con \u00e9l, puede crear su propia fuente de forma r\u00e1pida y sencilla. Tener sus propias fuentes le permite crear ilustraciones caligr\u00e1ficas y dise\u00f1os personales genuinos. \u00a1Todo lo que necesita hacer es completar la plantilla, obtener una fuente real de su escritura a mano y ser creativo!<br \/>\n  Caracter\u00edsticas:\n<\/p>\n<ul>\n<li>Aleatorizaci\u00f3n de personajes\n  <\/li>\n<li>Archivos de fuentes est\u00e1ndar\n  <\/li>\n<li>Ligaduras\n  <\/li>\n<li>Almacenamiento persistente\n  <\/li>\n<li>Modificar caracteres despu\u00e9s de escanear\n  <\/li>\n<li>Plantillas personalizables\n  <\/li>\n<\/ul>\n<h5>\n  3 tipos de pepita<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.typenugget.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321a132975.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Type Nugget es una herramienta de composici\u00f3n tipogr\u00e1fica totalmente receptiva que genera CSS compatible con el navegador, sem\u00e1nticamente s\u00f3lido, accesible y mantenible que puede incluir en su sitio. Te permite generar y escribir CSS hermoso y a prueba de balas en el navegador. Le brinda un control preciso a trav\u00e9s de una interfaz de usuario agradable sobre una base robusta para un tipo web excelente.\n<\/p>\n<h5>\n  4 fuentes de Google<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321a48b968.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Google Fonts te permite hacer que la web sea m\u00e1s abierta, r\u00e1pida y hermosa a trav\u00e9s de una gran tipograf\u00eda. Le ofrece un directorio s\u00f3lido e intuitivo de fuentes web de dise\u00f1o de c\u00f3digo abierto. Con el extenso cat\u00e1logo de Google Fonts, puede integrar y compartir tipograf\u00eda sin problemas en cualquier dise\u00f1o, independientemente de d\u00f3nde se encuentre en el mundo. El directorio de fuentes consta de fuentes en m\u00e1s de 135 idiomas y es de uso gratuito. Se encarga de la concesi\u00f3n de licencias y el alojamiento, y garantiza que la mejor y m\u00e1s reciente versi\u00f3n de una fuente est\u00e9 disponible para los usuarios.\n<\/p>\n<h5>\n  5 Pr\u00e1ctica de juego de tipos<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/practice.typekit.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321a955064.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Typekit Practice es una colecci\u00f3n de recursos. Es un lugar para mantenerse alerta, probar cosas y perfeccionar sus habilidades. Permite que todos practiquen tipograf\u00eda en \u00e9l, independientemente de si eres un experto o un novato. Explore referencias \u00fatiles, como consejos sobre la jerarqu\u00eda de la tipograf\u00eda, use sombras para un \u00e9nfasis llamativo o incluso use la biblioteca de libros recomendados sobre dise\u00f1o y tipograf\u00eda.\n<\/p>\n<h5>\n  6 prototipo<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.prototypo.io\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321acd5a96.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Prototypo le permite crear variaciones de tipo de letra ilimitadas con solo unos pocos toques. Desde AZ, modifique cada letra, en tiempo real. Prototypo hace que la tipograf\u00eda sea m\u00e1s accesible que nunca. Puede realizar ajustes de dise\u00f1o en un modo WYSIWYG intuitivo y ver los cambios al instante en todos los conjuntos de glifos. Te permite personalizar de forma intuitiva la forma b\u00e1sica de signos diacr\u00edticos, serifas, letras y otros peque\u00f1os detalles. Visualiza cualquier fuente en tiempo real en cualquier sitio web con la extensi\u00f3n web gratuita de Prototypo. Las fuentes de Prototypo est\u00e1n bajo licencia Creative Commons 0.\n<\/p>\n<h5>\n  7 Amante de la red<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.gridlover.net\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321b0cef28.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Gridlover te ayuda a establecer un sistema tipogr\u00e1fico con ritmo vertical y escala modular. Juega con la altura de la l\u00ednea, los controles deslizantes del factor de escala y el tama\u00f1o de fuente y observa c\u00f3mo baila la tipograf\u00eda. La aplicaci\u00f3n incluso se carga a una velocidad m\u00e1s r\u00e1pida que un video de demostraci\u00f3n.\n<\/p>\n<h5>\n  8 fuentes mixtas<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/betapage.co\/startup\/mixfont\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321b416766.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Mixfont es un generador de fuentes moderno. Es una forma sencilla y divertida de visualizar y descubrir nuevas fuentes. Le ayuda a encontrar una fuente perfecta para cada proyecto. Ya sea para un papel, una tarjeta de felicitaci\u00f3n o incluso para su sitio web, Mixfont pone la fuente de inspiraci\u00f3n adecuada al alcance de su mano. M\u00e1s de 1000 fuentes \u00fanicas est\u00e1n disponibles en 132 idiomas con m\u00e1s de 600&nbsp;000 combinaciones. De hecho, es una forma f\u00e1cil y divertida de generar combinaciones de fuentes divertidas.\n<\/p>\n<h5>\n  9 combinaciones de fuentes de Canva<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.canva.com\/font-combinations\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321b722a21.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Canva Font Combinations facilita la tipograf\u00eda al ayudarlo a encontrar una combinaci\u00f3n de fuentes para sus necesidades de dise\u00f1o. Se inspira en toda la web. Cuando selecciona una fuente inicialmente, la herramienta selecciona un conjunto de muestras correspondientes y capturas de pantalla de posibles coincidencias como evidencia. Puede que no sea necesariamente lo primero que le venga a la mente, pero definitivamente le dar\u00e1 una direcci\u00f3n y una idea para su uso futuro.\n<\/p>\n<h5>\n  10 FontJoy<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/fontjoy.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321b9be121.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  FontJoy simplifica el emparejamiento de fuentes. Genera combinaciones de fuentes con aprendizajes profundos. El texto que contiene es editable y puede reemplazarlo con el nombre de su empresa. Puede crear nuevos emparejamientos de fuentes, editarlos y elegirlos manualmente, y bloquear las fuentes que desea conservar. FontJoy aplica el aprendizaje autom\u00e1tico al emparejamiento de fuentes. Encuentra tipos de letra complementarios y contrastantes para producir combinaciones hermosas e inesperadas. Ya sea que sea un nerd de la tipograf\u00eda, un novato o un veterano del dise\u00f1o, seguramente se divertir\u00e1 jugando con las combinaciones de fuentes del texto del cuerpo, la introducci\u00f3n y el texto del t\u00edtulo.\n<\/p>\n<h5>\n  11 Estructura de fuente<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/fontstruct.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321bca7bc4.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Fontstruct es una herramienta gratuita y f\u00e1cil de usar que le permite descargar, crear y compartir fuentes. Con \u00e9l, puedes crear f\u00e1cilmente fuentes usando formas geom\u00e9tricas. Una vez que haya creado las fuentes, Fontstruct genera fuentes TrueType que puede descargar y usar en cualquier aplicaci\u00f3n de Windows o Mac. Puede compartir sus creaciones en FontStructions o elegir mantenerlas en privado. Las fuentes que crea a partir de FontStruct se organizan en un patr\u00f3n de cuadr\u00edcula como ladrillos o mosaicos.\n<\/p>\n<h5>\n  12 emparejar y comparar<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/betapage.co\/startup\/pair-compare-1\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321c0ba254.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Emparejar y comparar le permite encontrar las mejores combinaciones de fuentes y fuentes de manera f\u00e1cil y sin problemas para su pr\u00f3ximo proyecto. Es una aplicaci\u00f3n web en la que puede probar todas las fuentes de Google en su texto con solo un clic sin siquiera instalar o descargar ninguna de ellas, sin cambiar de navegador o Windows, sin editar o agregar etiquetas de enlace HTML, sin copiar o pegar nombres de fuente, y sin ning\u00fan tipo de molestias. Tambi\u00e9n puede comparar combinaciones de fuentes y fuentes en la misma p\u00e1gina. Es de uso gratuito y le permite controlar una gran cantidad de configuraciones, como el color de la fuente, el color de fondo, el tama\u00f1o de la fuente, el ancho del texto y la altura de la l\u00ednea de manera suave y r\u00e1pida.\n<\/p>\n<h5>\n  13 Convertidor de fuentes en l\u00ednea<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/onlinefontconverter.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321c429639.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Online Font Converter es un servicio 100% gratuito. Puede convertir fuentes de\/a: pdf, dfont, eot, otf, pfb, tfm, pfm, suit, svg, ttf, pfa, bin, pt3, ps, t42, cff, afm, ttc, woff. Tiene una API simple que no tiene costo y es bastante f\u00e1cil de usar. Est\u00e1 disponible como c\u00f3digo abierto en GitHub.\n<\/p>\n<h5>\n  14 Tus fuentes<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.yourfonts.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321c87644c.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  YourFonts es un generador de fuentes en l\u00ednea con la ayuda del cual puede crear sus propias fuentes OpenType en solo unos minutos. \u00a1Hacer tu escritura a mano como una fuente nunca fue tan f\u00e1cil! Puede crear fuentes con m\u00e1s de 200 caracteres, previsualizarlas de forma gratuita, crear tantas fuentes como desee, usar sus fuentes en Linux, Mac OS, Windows, usar fuentes en Powerpoint, MS Word y cualquier otro programa que posea, etc. muchas otras caracter\u00edsticas. YourFonts tiene el algoritmo de conversi\u00f3n de raster a vector m\u00e1s avanzado y tambi\u00e9n le permite cargar plantillas grandes. Digitalizar tu letra es muy divertido. Pruebe y haga su propia fuente en YourFonts hoy.\n<\/p>\n<h5>\n  15 FontFriend<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/somadesign.ca\/projects\/fontfriend\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321ccc1ec7.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  FontFriend es un bookmarklet para dise\u00f1adores web que est\u00e1n obsesionados con la tipograf\u00eda. Le permite verificar r\u00e1pidamente las fuentes y los estilos de fuente en su navegador sin siquiera actualizar las p\u00e1ginas o editar el c\u00f3digo. Es un compa\u00f1ero ideal para crear pilas de fuentes CSS. Para empezar, solo necesita arrastrar el enlace &#8216;FontFriend' a la barra de herramientas de su navegador y comenzar a usar su nueva versi\u00f3n.\n<\/p>\n<p>\n  Espero que estas herramientas te ayuden de una forma u otra. \u00daselos para elegir una fuente inteligente y tambi\u00e9n para aprovechar al m\u00e1ximo su tiempo. S\u00e9 que hay muchas otras herramientas de tipograf\u00eda incre\u00edbles que me quedan. Mencione las que le gustan y las que m\u00e1s usa en la secci\u00f3n de comentarios a continuaci\u00f3n y tambi\u00e9n cualquier otra herramienta de tipograf\u00eda que conozca. \u00a1Espero que la curaci\u00f3n haya ayudado!\n<\/p>\n<p>\n  \u00a1S\u00e9 creativo y divi\u00e9rtete!\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fuente de grabaci\u00f3n: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2018\/09\/24\/best-free-typography-tools\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La tipograf\u00eda simplemente significa ajustar la apariencia, el estilo y la disposici\u00f3n de un texto dentro de un dise\u00f1o o un sitio web. No se limita solo a la fuente que usa, sino tambi\u00e9n a la longitud del contenido, el tama\u00f1o del texto y su estilo. Para crear un contenido poderoso, se debe hacer un fuerte \u00e9nfasis en la tipograf\u00eda. Ayuda a preservar el valor est\u00e9tico de su contenido y le proporciona una apariencia atractiva. La tipograf\u00eda es un arte en s\u00ed mismo que marca el tono de su sitio web, presenta la informaci\u00f3n de manera profesional y garantiza una excelente experiencia de usuario. Todo dise\u00f1ador\u2026<\/p>\n","protected":false},"author":1,"featured_media":143971,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[398,203,359,60],"tags":[],"class_list":["post-262962","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno","category-diseno-web","category-entretenimiento","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/262962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=262962"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/262962\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/143971"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=262962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=262962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=262962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}