{"id":126588,"date":"2021-04-28T11:18:39","date_gmt":"2021-04-28T11:18:39","guid":{"rendered":"https:\/\/elementor.com\/blog\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/"},"modified":"2025-12-28T20:31:32","modified_gmt":"2025-12-28T18:31:32","slug":"los-20-mejores-tutoriales-de-tipografia-para-disenadores-web","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/","title":{"rendered":"Los 20 Mejores Tutoriales de Tipograf\u00eda para Dise\u00f1adores Web"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"126588\" class=\"elementor elementor-126588 elementor-65529\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97376b3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"97376b3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3a36000\" data-id=\"3a36000\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-777ee12 elementor-widget elementor-widget-text-editor\" data-id=\"777ee12\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Algunos dise\u00f1adores web podr\u00edan considerar la <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\" title=\"tipograf\u00eda\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"5384\">tipograf\u00eda<\/a> como uno de los elementos menos importantes del dise\u00f1o web, sin embargo, esta puede determinar la experiencia del usuario de m\u00faltiples maneras. <\/p>\n<p>Las <a href=\"https:\/\/elementor.com\/blog\/typography-trends\/\" target=\"_blank\" rel=\"noopener\">elecciones tipogr\u00e1ficas<\/a> adecuadas pueden potenciar la legibilidad, la lecturabilidad, la identidad de marca, la accesibilidad y la tasa de conversi\u00f3n. Por el contrario, las elecciones tipogr\u00e1ficas inadecuadas pueden menoscabar estos factores y arruinar la experiencia del usuario. <\/p>\n<p>La tipograf\u00eda, por lo tanto, es un aspecto crucial del dise\u00f1o web, y un elemento que todo dise\u00f1ador deber\u00eda dominar cuando se dispone a <a href=\"https:\/\/elementor.com\/blog\/start-web-design-business\/\" target=\"_blank\" rel=\"noopener\">iniciar un negocio de dise\u00f1o web<\/a>. Afortunadamente, la red est\u00e1 repleta de \u00fatiles tutoriales de tipograf\u00eda y <a href=\"https:\/\/elementor.com\/blog\/best-online-web-design-courses\/\" target=\"_blank\" rel=\"noopener\">cursos para dise\u00f1adores web<\/a>.<\/p>\n<p>En este art\u00edculo, procederemos a examinar 20 tutoriales de dise\u00f1o web. Si bien muchos de estos tutoriales est\u00e1n disponibles de forma gratuita en l\u00ednea, tambi\u00e9n hemos incluido algunos cursos en l\u00ednea de pago. Despu\u00e9s de todo, cuando uno intenta <a href=\"https:\/\/elementor.com\/blog\/find-web-design-work\/\" target=\"_blank\" rel=\"noopener\">encontrar trabajo en dise\u00f1o web<\/a>, es necesario poder distinguirse, y contar con un certificado de finalizaci\u00f3n de una instituci\u00f3n reconocida o un proveedor de cursos acreditado puede ser de gran ayuda en ese sentido.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89256a4 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"89256a4\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/elementor.com\/blog\/typography-trends\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Descubra las \u00daltimas Tendencias en Tipograf\u00eda y Obtenga Inspiraci\u00f3n <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df572ce blog-toc elementor-widget elementor-widget-heading\" data-id=\"df572ce\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tabla de Contenidos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6079d99 blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"6079d99\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#twenty-amazing-online-typography-tutorials\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">20 Asombrosos Tutoriales de Tipograf\u00eda en L\u00ednea<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#web-typography-the-complete-guide-for-designers\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">1. Tipograf\u00eda Web: La Gu\u00eda Completa para Dise\u00f1adores<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-add-custom-fonts-to-your-wordpress-website\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">2. C\u00f3mo A\u00f1adir Fuentes Personalizadas a Su Sitio Web de WordPress<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-use-elementors-global-colors-and-fonts\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">3. C\u00f3mo Utilizar los Colores y Fuentes Globales de Elementor<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#the-ultimate-guide-to-basic-typography\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">4. La Gu\u00eda Definitiva de Tipograf\u00eda B\u00e1sica<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#typography-tutorial-for-beginners-everything-you-need-to-learn-typography-basics\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">5. Tutorial de Tipograf\u00eda para Principiantes: Todo lo que Necesita Saber sobre los Fundamentos de la Tipograf\u00eda<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#introduction-to-typography\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">6. Introducci\u00f3n a la Tipograf\u00eda<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#the-psychology-of-fonts\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">7. La Psicolog\u00eda de las Fuentes (Fuentes que Evocan Emociones)<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#web-typography-for-designers-and-developers\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">8. Tipograf\u00eda Web para Dise\u00f1adores y Desarrolladores<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#textual-elements-of-design-fonts-typography-and-spacing\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">9. Elementos Textuales del Dise\u00f1o: Fuentes, Tipograf\u00eda y Espaciado<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#typography-for-designers-and-developers\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">10. Tipograf\u00eda para Dise\u00f1adores y Desarrolladores - No Sea Mediocre en el Dise\u00f1o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#when-to-use-each-font-type\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">11. Cu\u00e1ndo Utilizar Cada Tipo de Fuente (\u00a1y Cu\u00e1ndo No Hacerlo)!<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-know-if-a-font-is-good-or-if-it-sucks\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">12. \u00bfC\u00f3mo Saber si una Fuente es Buena o si es Deficiente?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#choosing-web-fonts-a-beginners-guide\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">13. Selecci\u00f3n de Fuentes Web: Una Gu\u00eda para Principiantes<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-choose-fonts-for-your-designs\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">14. C\u00f3mo Elegir Fuentes para Sus Dise\u00f1os<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-choose-fonts\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">15. C\u00f3mo Seleccionar Fuentes<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#pocket-guide-to-combining-typefaces\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">16. Gu\u00eda de Bolsillo para Combinar Tipos de Letra<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-change-font-in-wordpress-theme\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">17. C\u00f3mo Cambiar la Fuente en un Tema de WordPress (Cualquier Tema)<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#modern-css-techniques-to-improve-legibility\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">18. T\u00e9cnicas Modernas de CSS para Mejorar la Legibilidad<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#introduction-to-variable-fonts-on-the-web\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">19. Introducci\u00f3n a las Fuentes Variables en la Web<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#learn-how-to-use-type\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">20. Aprenda a Utilizar los Tipos - Cr\u00edtica Manual de Tipograf\u00eda<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd6b461 elementor-widget elementor-widget-menu-anchor\" data-id=\"cd6b461\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"veinte-asombrosos-tutoriales-de-tipografia-en-linea\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5bb277 elementor-widget elementor-widget-heading\" data-id=\"b5bb277\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">20 Asombrosos Tutoriales de Tipograf\u00eda en L\u00ednea\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6770ca3 elementor-widget elementor-widget-text-editor\" data-id=\"6770ca3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Desde t\u00e9rminos tipogr\u00e1ficos b\u00e1sicos hasta la optimizaci\u00f3n de fuentes con <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\" title=\"CSS\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4447\">CSS<\/a>, hemos recopilado los mejores tutoriales de tipograf\u00eda para dise\u00f1adores.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d8bffd elementor-widget elementor-widget-menu-anchor\" data-id=\"0d8bffd\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"tipografia-web-la-guia-completa-para-disenadores\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d4af80 elementor-widget elementor-widget-heading\" data-id=\"7d4af80\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Tipograf\u00eda Web: La Gu\u00eda Completa para Dise\u00f1adores\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a14ee3b elementor-widget elementor-widget-image\" data-id=\"a14ee3b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/brand_blog_post-02-r4q731bklp634w52h7rxehqkqh60eodkn332oi8628.png\" title=\"elementor-typography\" alt=\"elementor-typography\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de5fa1b elementor-widget elementor-widget-text-editor\" data-id=\"de5fa1b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante a Intermedio<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 30 minutos<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Este <a href=\"https:\/\/elementor.com\/blog\/guide-to-web-typography\/\" target=\"_blank\" rel=\"noopener\">tutorial de tipograf\u00eda proviene de Elementor<\/a>, lo que significa que aprender\u00e1 m\u00e1s que simplemente c\u00f3mo utilizar la tipograf\u00eda en el dise\u00f1o web. Usted va a aprender c\u00f3mo poner todo esto en pr\u00e1ctica \u2014 aspectos como el formato, el establecimiento de jerarqu\u00eda visual, la creaci\u00f3n de un sistema de dise\u00f1o, y dem\u00e1s \u2014 dentro del contexto de WordPress y <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/\" title=\"Elementor\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"1115\">Elementor<\/a>.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb0b5cc elementor-widget elementor-widget-menu-anchor\" data-id=\"cb0b5cc\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"cmo-aadir-fuentes-personalizadas-a-su-sitio-web-de-wordpress\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f20c97 elementor-widget elementor-widget-heading\" data-id=\"4f20c97\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. C\u00f3mo A\u00f1adir Fuentes Personalizadas a Su Sitio Web de WordPress\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea6a7e6 elementor-widget elementor-widget-image\" data-id=\"ea6a7e6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/maxresdefault-r4q72q1iboqn9klgb2wekkl1luplub4slj98x6owcy.jpg\" title=\"using-custom-fonts-elementor\" alt=\"using-custom-fonts-elementor\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdc4626 elementor-widget elementor-widget-text-editor\" data-id=\"bdc4626\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante a Intermedio<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 17:31<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>En algunos casos, WordPress no dispondr\u00e1 de las fuentes espec\u00edficas que usted desea utilizar. Por lo tanto, con este <a href=\"https:\/\/elementor.com\/blog\/custom-fonts\/\" target=\"_blank\" rel=\"noopener\">tutorial de tipograf\u00eda de Elementor<\/a>, usted aprender\u00e1 cu\u00e1les son sus opciones para a\u00f1adir fuentes personalizadas a un sitio de WordPress. Usted puede a\u00f1adirlas manualmente a WordPress utilizando CSS o puede cargarlas en Elementor y utilizarlas desde el editor.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2aa7f20 elementor-widget elementor-widget-menu-anchor\" data-id=\"2aa7f20\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"cmo-utilizar-los-colores-y-fuentes-globales-de-elementor\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af1c631 elementor-widget elementor-widget-heading\" data-id=\"af1c631\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. C\u00f3mo Utilizar los Colores y Fuentes Globales de Elementor\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10605f1 elementor-widget elementor-widget-image\" data-id=\"10605f1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/maxresdefault-1-r4q75xnnob4wxlxijyvil9eqo8vr52vs1fhyy7xh3m.jpg\" title=\"elementor-global-colors\" alt=\"elementor-global-colors\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c923823 elementor-widget elementor-widget-text-editor\" data-id=\"c923823\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante a Intermedio<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 6:50<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>En este <a href=\"https:\/\/www.youtube.com\/watch?v=CjdFxKPPikU\">v\u00eddeo de Elementor<\/a>, usted aprender\u00e1 todo sobre la <a href=\"https:\/\/elementor.com\/features\/global-settings\/\" target=\"_blank\" rel=\"noopener\">funci\u00f3n de Configuraci\u00f3n Global<\/a> en el editor de Elementor. Este tutorial le mostrar\u00e1 c\u00f3mo utilizar esta funci\u00f3n para establecer tanto colores como fuentes y luego observar c\u00f3mo se aplican en todo el sitio. Por lo tanto, si desea ahorrar tiempo en la actualizaci\u00f3n de sus fuentes y desea aportar una mayor consistencia a cada sitio que construya, este breve tutorial en v\u00eddeo es de visualizaci\u00f3n obligatoria.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de04097 elementor-widget elementor-widget-menu-anchor\" data-id=\"de04097\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"la-gua-definitiva-de-tipografa-bsica\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a849a8 elementor-widget elementor-widget-heading\" data-id=\"7a849a8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. La Gu\u00eda Definitiva de Tipograf\u00eda B\u00e1sica\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5e3ee0 elementor-widget elementor-widget-image\" data-id=\"e5e3ee0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/0-Envato-Tuts-r4q76fila5td277knolfemwhykfq7buofvw72h6zte.jpg\" title=\"Envato Tuts\" alt=\"Envato Tuts\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7623e83 elementor-widget elementor-widget-text-editor\" data-id=\"7623e83\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 10:33<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>El nombre de este <a href=\"https:\/\/www.youtube.com\/watch?v=ZLaG1migE00\">tutorial en v\u00eddeo de Envato Tuts+<\/a> es algo enga\u00f1oso. Deber\u00eda llamarse \u00abLa Gu\u00eda Definitiva de la <strong>Terminolog\u00eda<\/strong> Tipogr\u00e1fica B\u00e1sica\u00bb. Dicho esto, si usted es completamente nuevo en tipograf\u00eda, este es un importante primer paso que debe dar. Familiar\u00edcese con t\u00e9rminos relacionados con la tipograf\u00eda, las fuentes, los tipos de archivo, la estructura de las tipograf\u00edas, la composici\u00f3n tipogr\u00e1fica y m\u00e1s.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3bea41 elementor-widget elementor-widget-menu-anchor\" data-id=\"b3bea41\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"tutorial-de-tipografa-para-principiantes-todo-lo-que-necesita-saber-sobre-los-fundamentos-de-la-tipografa\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c00add4 elementor-widget elementor-widget-heading\" data-id=\"c00add4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5. Tutorial de Tipograf\u00eda para Principiantes: Todo lo que Necesita Saber sobre los Fundamentos de la Tipograf\u00eda\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25e2422 elementor-widget elementor-widget-image\" data-id=\"25e2422\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Untitled-6-01-r4q74mnq6lckt3ts6ek64l9oyzbeg7p76yvoydv4u8.png\" title=\"hubspot-typography-tutorial\" alt=\"hubspot-typography-tutorial\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc12784 elementor-widget elementor-widget-text-editor\" data-id=\"dc12784\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> Lectura de 18 minutos<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Este <a href=\"https:\/\/blog.hubspot.com\/marketing\/typography-terms-introduction\">tutorial de tipograf\u00eda de Hubspot<\/a> es otra \u00fatil introducci\u00f3n a la tipograf\u00eda en el dise\u00f1o. Aprender\u00e1 t\u00e9rminos comunes, diferentes estilos de tipograf\u00eda, as\u00ed como d\u00f3nde obtener sus fuentes.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ee80ff elementor-widget elementor-widget-menu-anchor\" data-id=\"5ee80ff\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"introduccin-a-la-tipografa\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db1f80e elementor-widget elementor-widget-heading\" data-id=\"db1f80e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">6. Introducci\u00f3n a la Tipograf\u00eda\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9962fc elementor-widget elementor-widget-image\" data-id=\"f9962fc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"262\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=262\/blog\/wp-content\/uploads\/2021\/04\/2-coursera-intro-typography.png\" class=\"attachment-medium_large size-medium_large wp-image-65566\" alt=\"coursera-intro-typography\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/2-coursera-intro-typography.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/2-coursera-intro-typography-300x109.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6596859 elementor-widget elementor-widget-text-editor\" data-id=\"6596859\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 8 horas<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Si est\u00e1 buscando algo m\u00e1s profundo para su introducci\u00f3n a la tipograf\u00eda, <a href=\"https:\/\/www.coursera.org\/learn\/typography\">este curso del Instituto de las Artes de California<\/a> es una buena elecci\u00f3n. No hay costo para inscribirse en este curso, lo cual es una gran ventaja ya que obtendr\u00e1 una gran cantidad de informaci\u00f3n \u00fatil. Aprender\u00e1 sobre la historia de la tipograf\u00eda, su estructura, c\u00f3mo usarla para contar una historia, manipular su apariencia y m\u00e1s.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0263d6a elementor-widget elementor-widget-menu-anchor\" data-id=\"0263d6a\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"la-psicologa-de-las-fuentes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7241b20 elementor-widget elementor-widget-heading\" data-id=\"7241b20\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">7. La Psicolog\u00eda de las Fuentes (Fuentes que Evocan Emociones)\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c9e7b9 elementor-widget elementor-widget-image\" data-id=\"2c9e7b9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"720\" height=\"624\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=624\/blog\/wp-content\/uploads\/2021\/04\/3-envatotuts-psychology-fonts.png\" class=\"attachment-medium_large size-medium_large wp-image-65567\" alt=\"envatotuts-psychology-fonts\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/3-envatotuts-psychology-fonts.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/3-envatotuts-psychology-fonts-300x260.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86ee7f0 elementor-widget elementor-widget-text-editor\" data-id=\"86ee7f0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 15 minutos<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Si es nuevo en el dise\u00f1o, este <a href=\"https:\/\/design.tutsplus.com\/articles\/the-psychology-of-fonts--cms-34943\">tutorial de Envato Tuts+<\/a> servir\u00e1 como una excelente introducci\u00f3n a la psicolog\u00eda de las fuentes. Similar a la psicolog\u00eda del color, aprender\u00e1 las respuestas emocionales comunes y las asociaciones con ciertos tipos de fuentes y obtendr\u00e1 consejos sobre c\u00f3mo usarlas a su favor.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8be04b elementor-widget elementor-widget-menu-anchor\" data-id=\"a8be04b\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"tipografa-web-para-diseadores-y-desarrolladores\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c80239a elementor-widget elementor-widget-heading\" data-id=\"c80239a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">8. Tipograf\u00eda Web para Dise\u00f1adores y Desarrolladores\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93afaed elementor-widget elementor-widget-image\" data-id=\"93afaed\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"720\" height=\"429\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=429\/blog\/wp-content\/uploads\/2021\/04\/4-udemy-web-typography.png\" class=\"attachment-medium_large size-medium_large wp-image-65568\" alt=\"udemy-web-typography\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/4-udemy-web-typography.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/4-udemy-web-typography-300x179.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5661334 elementor-widget elementor-widget-text-editor\" data-id=\"5661334\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante a Intermedio<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 6.5 horas<\/p>\n<p><strong>Costo:<\/strong> $109.99<\/p>\n<p>Este <a href=\"https:\/\/www.udemy.com\/course\/web-typography-for-designers-developers\/\">curso de Udemy sobre tipograf\u00eda web<\/a> es impartido por Rob Sutcliffe de la Escuela de Interfaz. Esta es una visi\u00f3n general bastante t\u00e9cnica de la tipograf\u00eda, examinando los diferentes tipos de clasificaciones, consejos sobre c\u00f3mo elegir y combinar fuentes, hacer que su tipograf\u00eda web sea legible y <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/responsive-website\/\" title=\"responsivos\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"7342\">responsiva<\/a>, y mucho m\u00e1s.<\/p>\n<p>Para obtener el m\u00e1ximo provecho de este curso, usted deber\u00eda tener alg\u00fan conocimiento pr\u00e1ctico de HTML, CSS y JavaScript. Eso no significa que no deba inscribirse si es un dise\u00f1ador novato \u2014 obtiene acceso de por vida, por lo que puede volver a \u00e9l una vez que haya perfeccionado sus habilidades en esa \u00e1rea.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42f6c3f elementor-widget elementor-widget-menu-anchor\" data-id=\"42f6c3f\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"elementos-textuales-del-diseo-fuentes-tipografia-y-espaciado\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f090343 elementor-widget elementor-widget-heading\" data-id=\"f090343\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">9. Elementos Textuales del Dise\u00f1o: Fuentes, Tipograf\u00eda y Espaciado\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1702bdc elementor-widget elementor-widget-image\" data-id=\"1702bdc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"301\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=301\/blog\/wp-content\/uploads\/2021\/04\/5-coursera-textual-elements-design.png\" class=\"attachment-medium_large size-medium_large wp-image-65569\" alt=\"coursera-textual-elements-design\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/5-coursera-textual-elements-design.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/5-coursera-textual-elements-design-300x125.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ee6317 elementor-widget elementor-widget-text-editor\" data-id=\"0ee6317\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 13 horas<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Este <a href=\"https:\/\/www.coursera.org\/learn\/fonts-typography-spacing\">curso de la Universidad de Colorado Boulder<\/a> est\u00e1 disponible en el sitio web de Coursera. Este es un curso extenso, durante el cual aprender\u00e1 c\u00f3mo manipular los elementos textuales para narrar una historia con su dise\u00f1o. El curso abarca los fundamentos y luego se ramifica en el espaciado tipogr\u00e1fico, la selecci\u00f3n de fuentes, la combinaci\u00f3n de fuentes y m\u00e1s.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06ae124 elementor-widget elementor-widget-menu-anchor\" data-id=\"06ae124\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"tipografia-para-diseadores-y-desarrolladores\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e05275 elementor-widget elementor-widget-heading\" data-id=\"6e05275\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">10. Tipograf\u00eda para Dise\u00f1adores y Desarrolladores - No Sea Mediocre en el Dise\u00f1o\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d476a5a elementor-widget elementor-widget-image\" data-id=\"d476a5a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"405\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=405\/blog\/wp-content\/uploads\/2021\/04\/6-dont-suck-at-design-tutorial.png\" class=\"attachment-medium_large size-medium_large wp-image-65570\" alt=\"dont-suck-at-design-tutorial\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/6-dont-suck-at-design-tutorial.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/6-dont-suck-at-design-tutorial-300x169.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8aea0cc elementor-widget elementor-widget-text-editor\" data-id=\"8aea0cc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Intermedio<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 8.5 horas<\/p>\n<p><strong>Costo:<\/strong> $99.99<\/p>\n<p>Muhammad Ahsan Pervaiz es el creador de este <a href=\"https:\/\/www.udemy.com\/course\/typography-mastery-for-ui-designers-and-developers\/\">curso de Udemy sobre tipograf\u00eda<\/a> con calificaci\u00f3n de 4.5 estrellas. Si desea recibir una formaci\u00f3n exhaustiva sobre los fundamentos de la tipograf\u00eda, la personalizaci\u00f3n de la tipograf\u00eda, la selecci\u00f3n y combinaci\u00f3n de fuentes, y m\u00e1s, este es un curso fant\u00e1stico para tomar. Los ejercicios est\u00e1n incorporados en el curso, por lo que tambi\u00e9n obtendr\u00e1 experiencia pr\u00e1ctica implementando todo lo que aprende a medida que avanza.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fac3830 elementor-widget elementor-widget-menu-anchor\" data-id=\"fac3830\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"cuando-utilizar-cada-tipo-de-fuente\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea89cbc elementor-widget elementor-widget-heading\" data-id=\"ea89cbc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">11. Cu\u00e1ndo Utilizar Cada Tipo de Fuente (\u00a1y Cu\u00e1ndo No!)\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5e04b6 elementor-widget elementor-widget-image\" data-id=\"f5e04b6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-65582\" alt=\"envato-tuts-2\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cacb871 elementor-widget elementor-widget-text-editor\" data-id=\"cacb871\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 12:55<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Muchos de los tutoriales y cursos que ha visto en esta lista hasta ahora han abordado el tema de los tipos de fuentes. Sin embargo, este <a href=\"https:\/\/www.youtube.com\/watch?v=RJ4k6FI_LYQ\">tutorial de Envato Tuts+<\/a> profundiza realmente en el tema, desglosando los diferentes tipos <strong>y<\/strong> subcategor\u00edas de fuentes. Al aprender a identificar las diferencias en c\u00f3mo se estructura cada una, tendr\u00e1 mucha m\u00e1s facilidad para elegir los estilos tipogr\u00e1ficos adecuados para sus sitios.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbd6082 elementor-widget elementor-widget-menu-anchor\" data-id=\"dbd6082\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"como-saber-si-una-fuente-es-buena-o-si-es-mala\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32830e0 elementor-widget elementor-widget-heading\" data-id=\"32830e0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">12. \u00bfC\u00f3mo Saber si una Fuente es Buena o si es Mala?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e501867 elementor-widget elementor-widget-image\" data-id=\"e501867\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/flux-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-65583\" alt=\"flux\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/flux-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/flux-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/flux-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/flux.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad8abfa elementor-widget elementor-widget-text-editor\" data-id=\"ad8abfa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 9:58<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Este <a href=\"https:\/\/www.youtube.com\/watch?v=kd42Y2pV6KI\">tutorial de tipograf\u00eda de Flux<\/a> trata sobre c\u00f3mo encontrar fuentes de calidad para sus sitios web. La discusi\u00f3n gira principalmente en torno a c\u00f3mo los dise\u00f1adores web pueden encontrar fundiciones tipogr\u00e1ficas y sitios web de alta calidad para obtener sus fuentes. Porque, incluso si comprende el tipo de fuente que necesita, una fuente mal dise\u00f1ada (incluso si coincide con ese estilo) podr\u00eda deshacer todo su arduo trabajo. Este tutorial le ayudar\u00e1 a evitar ese problema.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4a6c42 elementor-widget elementor-widget-menu-anchor\" data-id=\"e4a6c42\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"eleccion-de-fuentes-web-una-guia-para-principiantes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fef918a elementor-widget elementor-widget-heading\" data-id=\"fef918a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">13. Elecci\u00f3n de Fuentes Web: Una Gu\u00eda para Principiantes\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-619c077 elementor-widget elementor-widget-image\" data-id=\"619c077\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"377\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=377\/blog\/wp-content\/uploads\/2021\/04\/google-design-768x377.png\" class=\"attachment-medium_large size-medium_large wp-image-65593\" alt=\"google-design\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/google-design-768x377.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/google-design-300x147.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/google-design-1024x503.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/04\/google-design-1536x755.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1831\/blog\/wp-content\/uploads\/2021\/04\/google-design.png 1831w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a81209b elementor-widget elementor-widget-text-editor\" data-id=\"a81209b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 10 minutos<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Esta es una <a href=\"https:\/\/design.google\/library\/choosing-web-fonts-beginners-guide\/\">gu\u00eda pr\u00e1ctica de Google Design<\/a> sobre c\u00f3mo determinar qu\u00e9 <a href=\"https:\/\/elementor.com\/blog\/web-fonts\/\" target=\"_blank\" rel=\"noopener\">fuentes web<\/a> son las adecuadas para cada sitio web que construya. El tutorial le guiar\u00e1 a trav\u00e9s de una serie de factores, como el alcance del proyecto y el dise\u00f1o multiling\u00fce, y luego le dirigir\u00e1 a las fuentes de Google que satisfacen las necesidades de su proyecto.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99337a7 elementor-widget elementor-widget-menu-anchor\" data-id=\"99337a7\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"como-elegir-fuentes-para-sus-diseos\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5a3a83 elementor-widget elementor-widget-heading\" data-id=\"c5a3a83\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">14. C\u00f3mo Elegir Fuentes para sus Dise\u00f1os\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae34a2f elementor-widget elementor-widget-image\" data-id=\"ae34a2f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/flux-2-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-65597\" alt=\"satori-graphics\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/flux-2-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/flux-2-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/flux-2-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/flux-2.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c32f441 elementor-widget elementor-widget-text-editor\" data-id=\"c32f441\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 7:35<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>En esta <a href=\"https:\/\/www.youtube.com\/watch?v=IviIMAItx2s\">gu\u00eda paso a paso de Satori Graphics<\/a>, obtendr\u00e1 orientaci\u00f3n pr\u00e1ctica y consejos sobre c\u00f3mo elegir fuentes para sus proyectos. Aunque aqu\u00ed hay un gran \u00e9nfasis en el dise\u00f1o gr\u00e1fico, puede aplicar los mismos cinco pasos para elegir y combinar fuentes para cualquier cosa en la que trabaje, ya sea un sitio web, una aplicaci\u00f3n, un logotipo u otro tipo de material de marca.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a789d7f elementor-widget elementor-widget-menu-anchor\" data-id=\"a789d7f\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"como-elegir-fuentes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b5f46e elementor-widget elementor-widget-heading\" data-id=\"3b5f46e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">15. C\u00f3mo Elegir Fuentes\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7f055d elementor-widget elementor-widget-image\" data-id=\"e7f055d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/flux2-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-65599\" alt=\"flux2\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/flux2-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/flux2-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/flux2-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/flux2.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7d70bc elementor-widget elementor-widget-text-editor\" data-id=\"a7d70bc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 9:41<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Este <a href=\"https:\/\/www.youtube.com\/watch?v=obZX8oIjia4\">tutorial de YouTube de Flux<\/a> le ense\u00f1ar\u00e1 c\u00f3mo alejarse de hacer elecciones de fuentes basadas en suposiciones o en lo que su intuici\u00f3n le dice. En su lugar, abordar\u00e1 la selecci\u00f3n de fuentes bas\u00e1ndose en el utilitarismo. Y obtendr\u00e1 ayuda para encontrar fundiciones tipogr\u00e1ficas que proporcionen muestras gr\u00e1ficas, de modo que, nuevamente, no se gu\u00ede solo por lo que su intuici\u00f3n le dice sobre cu\u00e1n buena se ver\u00e1 una fuente.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5804192 elementor-widget elementor-widget-menu-anchor\" data-id=\"5804192\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"guia-de-bolsillo-para-combinar-tipos-de-letra\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e8df90 elementor-widget elementor-widget-heading\" data-id=\"7e8df90\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">16. Gu\u00eda de Bolsillo para Combinar Tipos de Letra\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a9235b elementor-widget elementor-widget-image\" data-id=\"4a9235b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"322\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=322\/blog\/wp-content\/uploads\/2021\/04\/8-typekit-typography-pocket-guide-768x322.png\" class=\"attachment-medium_large size-medium_large wp-image-65572\" alt=\"typekit-typography-pocket-guide\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/8-typekit-typography-pocket-guide-768x322.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/8-typekit-typography-pocket-guide-300x126.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1018\/blog\/wp-content\/uploads\/2021\/04\/8-typekit-typography-pocket-guide.png 1018w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9368ace elementor-widget elementor-widget-text-editor\" data-id=\"9368ace\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante a Intermedio<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 1 hora<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>La <a href=\"https:\/\/elementor.com\/blog\/font-pairing\/\" target=\"_blank\" rel=\"noopener\">combinaci\u00f3n de fuentes<\/a> es definitivamente un arte. Por lo tanto, si va a aprender a hacerlo, debe ser de uno de los l\u00edderes en el espacio del dise\u00f1o. Esta <a href=\"https:\/\/blog.typekit.com\/2016\/04\/29\/combining-typefaces-free-guide-to-great-typography\/\">gu\u00eda de bolsillo<\/a> fue creada por Tim Brown, el Jefe de Tipograf\u00eda de Adobe Typekit y Adobe Type. Esta gu\u00eda le ense\u00f1ar\u00e1 c\u00f3mo determinar qu\u00e9 funciones necesita que cumplan sus fuentes, c\u00f3mo elegir una fuente ancla, c\u00f3mo identificar fuentes que complementen la ancla y luego juzgar objetivamente su combinaci\u00f3n.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b8e2e4 elementor-widget elementor-widget-menu-anchor\" data-id=\"8b8e2e4\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"como-cambiar-la-fuente-en-un-tema-de-wordpress\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-673c2a3 elementor-widget elementor-widget-heading\" data-id=\"673c2a3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">17. C\u00f3mo Cambiar la Fuente en un Tema de WordPress (Cualquier Tema)\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c6a529 elementor-widget elementor-widget-image\" data-id=\"9c6a529\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"521\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=521\/blog\/wp-content\/uploads\/2021\/04\/9-themeisle-change-font-wordpress.png\" class=\"attachment-medium_large size-medium_large wp-image-65573\" alt=\"themeisle-change-font-wordpress\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/9-themeisle-change-font-wordpress.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/9-themeisle-change-font-wordpress-300x217.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a9714e elementor-widget elementor-widget-text-editor\" data-id=\"5a9714e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 10 minutos<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Este <a href=\"https:\/\/themeisle.com\/blog\/how-to-change-font-in-wordpress-theme\/\">sencillo tutorial de ThemeIsle<\/a> le proporcionar\u00e1 dos opciones para cambiar las fuentes en WordPress. Puede seleccionar fuentes web desde el Personalizador de WordPress. O puede instalar el complemento Easy Google Fonts y configurar las Fuentes de Google utilizando el Personalizador. Aunque se incluye una opci\u00f3n adicional, es preferible utilizar la configuraci\u00f3n universal de fuentes de WordPress en lugar de cambiar las fuentes por bloque o p\u00e1gina.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77dff06 elementor-widget elementor-widget-menu-anchor\" data-id=\"77dff06\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"tecnicas-modernas-de-css-para-mejorar-la-legibilidad\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54c7ecd elementor-widget elementor-widget-heading\" data-id=\"54c7ecd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">18. T\u00e9cnicas Modernas de CSS para Mejorar la Legibilidad\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ad158 elementor-widget elementor-widget-image\" data-id=\"b0ad158\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"478\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=478\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1-768x478.png\" class=\"attachment-medium_large size-medium_large wp-image-65604\" alt=\"smashing-magazine\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1-768x478.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1-300x187.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1-1024x638.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1318\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1.png 1318w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67f3f17 elementor-widget elementor-widget-text-editor\" data-id=\"67f3f17\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Intermedio a Avanzado<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 11 minutos<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Edoarda Cavazza escribi\u00f3 este excelente <a href=\"https:\/\/www.smashingmagazine.com\/2020\/07\/css-techniques-legibility\/\">art\u00edculo para Smashing Magazine<\/a> que trata sobre el uso de CSS para mejorar la legibilidad y accesibilidad de la tipograf\u00eda de su sitio web. Espec\u00edficamente, este tutorial profundiza en el uso del espaciado para crear el mejor tipo de experiencia de lectura para los visitantes. Si a\u00fan no ha aprendido sobre kerning, interlineado o tracking, o no tiene un conocimiento b\u00e1sico de CSS, comience por el principio de esta lista de tutoriales de tipograf\u00eda y vuelva a este m\u00e1s adelante.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b90e10d elementor-widget elementor-widget-menu-anchor\" data-id=\"b90e10d\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"introduccion-a-las-fuentes-variables-en-la-web\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff5cc38 elementor-widget elementor-widget-heading\" data-id=\"ff5cc38\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">19. Introducci\u00f3n a las Fuentes Variables en la Web\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6980366 elementor-widget elementor-widget-image\" data-id=\"6980366\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"195\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=195\/blog\/wp-content\/uploads\/2021\/04\/11-webdev-variable-fonts.png\" class=\"attachment-medium_large size-medium_large wp-image-65575\" alt=\"webdev-variable-fonts\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/11-webdev-variable-fonts.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/11-webdev-variable-fonts-300x81.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2470f elementor-widget elementor-widget-text-editor\" data-id=\"4e2470f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Intermedio a Avanzado<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 20 minutos<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Las fuentes variables son relativamente nuevas, pero est\u00e1n ganando r\u00e1pidamente soporte en todos los navegadores, lo que significa que es hora de que los dise\u00f1adores y desarrolladores comiencen a usarlas (si a\u00fan no lo han hecho). Como explica el <a href=\"https:\/\/web.dev\/variable-fonts\/\">equipo de Google Developers en esta gu\u00eda sobre fuentes variables<\/a>, son sumamente valiosas en cuanto al rendimiento del sitio web, ya que le permiten guardar diferentes variaciones de una fuente en un solo archivo. Para aprender a hacer esto, necesitar\u00e1 algunos conocimientos de CSS.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab7e55c elementor-widget elementor-widget-menu-anchor\" data-id=\"ab7e55c\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"aprenda-a-usar-la-tipografia\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94da80e elementor-widget elementor-widget-heading\" data-id=\"94da80e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">20. Aprenda a Usar la Tipograf\u00eda \u2014 Cr\u00edtica del Manual de Tipograf\u00eda\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86d1e40 elementor-widget elementor-widget-image\" data-id=\"86d1e40\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/futur-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-65608\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/futur-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/futur-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/futur-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/futur.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44d3e04 elementor-widget elementor-widget-text-editor\" data-id=\"44d3e04\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nivel de habilidad:<\/strong> Principiante a Avanzado<\/p>\n<p><strong>Duraci\u00f3n:<\/strong> 30:14<\/p>\n<p><strong>Costo:<\/strong> Gratuito<\/p>\n<p>Este es un tutorial interesante ya que en realidad no es un tutorial en absoluto. A lo largo de 30 minutos, observar\u00e1 c\u00f3mo <a href=\"https:\/\/www.youtube.com\/watch?v=fDVLjs0Z02o\">The Futur eval\u00faa la tipograf\u00eda<\/a> utilizada en la creaci\u00f3n de su propio Manual de Tipograf\u00eda. Aunque est\u00e1n evaluando el manual impreso, sigue siendo un ejercicio \u00fatil para seguir, ya que le ense\u00f1ar\u00e1 c\u00f3mo revisar su propio trabajo y acostumbrarse a tomar decisiones m\u00e1s inteligentes para su tipograf\u00eda desde el principio.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08608b7 elementor-widget elementor-widget-heading\" data-id=\"08608b7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Domine el Arte de la Tipograf\u00eda y Mejore la Experiencia de sus Usuarios\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae954ed elementor-widget elementor-widget-text-editor\" data-id=\"ae954ed\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Una vez que haya dedicado alg\u00fan tiempo a estos tutoriales de tipograf\u00eda y tenga un buen dominio de los fundamentos, es hora de ponerlo todo en pr\u00e1ctica. <\/p>\n<p>Algo a tener en cuenta es que la tipograf\u00eda, como todo lo dem\u00e1s en el dise\u00f1o, evolucionar\u00e1 con el tiempo. Los principios y pautas subyacentes permanecer\u00e1n iguales, pero en cuanto a los gustos de las personas en tipograf\u00eda, espere que cambien. <\/p>\n<p>Por lo tanto, aseg\u00farese de, adem\u00e1s de dominar los fundamentos de la tipograf\u00eda, mantenerse al tanto de las tendencias tipogr\u00e1ficas tambi\u00e9n.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Una buena tipograf\u00eda es un elemento indispensable para proporcionar una experiencia de usuario \u00f3ptima. Con el objetivo de facilitar su comprensi\u00f3n de esta materia, hemos recopilado los mejores tutoriales sobre tipograf\u00eda, igualmente beneficiosos para dise\u00f1adores web principiantes y avanzados.<\/p>\n","protected":false},"author":188873,"featured_media":112864,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[361],"tags":[408],"marketing_persona":[47],"marketing_intent":[],"class_list":["post-126588","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-es","tag-construye"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Los 20 Mejores Tutoriales de Tipograf\u00eda para Dise\u00f1adores Web | Elementor<\/title>\n<meta name=\"description\" content=\"Una buena tipograf\u00eda es un elemento indispensable para proporcionar una experiencia de usuario \u00f3ptima. Por consiguiente, hemos recopilado los mejores tutoriales sobre tipograf\u00eda disponibles.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Los 20 Mejores Tutoriales de Tipograf\u00eda para Dise\u00f1adores Web | Elementor\" \/>\n<meta property=\"og:description\" content=\"Una buena tipograf\u00eda es un elemento indispensable para proporcionar una experiencia de usuario \u00f3ptima. Por consiguiente, hemos recopilado los mejores tutoriales sobre tipograf\u00eda disponibles.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-28T11:18:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-28T18:31:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_text_1200-628_1.png\" \/>\n<meta name=\"author\" content=\"Sergei Davidov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergei Davidov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/\"},\"author\":{\"name\":\"Sergei Davidov\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9\"},\"headline\":\"Los 20 Mejores Tutoriales de Tipograf\u00eda para Dise\u00f1adores Web\",\"datePublished\":\"2021-04-28T11:18:39+00:00\",\"dateModified\":\"2025-12-28T18:31:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/\"},\"wordCount\":2515,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\",\"keywords\":[\"Construye\"],\"articleSection\":[\"Dise\u00f1o\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/\",\"url\":\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/\",\"name\":\"Los 20 Mejores Tutoriales de Tipograf\u00eda para Dise\u00f1adores Web | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\",\"datePublished\":\"2021-04-28T11:18:39+00:00\",\"dateModified\":\"2025-12-28T18:31:32+00:00\",\"description\":\"Una buena tipograf\u00eda es un elemento indispensable para proporcionar una experiencia de usuario \u00f3ptima. Por consiguiente, hemos recopilado los mejores tutoriales sobre tipograf\u00eda disponibles.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\",\"width\":5001,\"height\":2618},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o\",\"item\":\"https:\/\/elementor.com\/blog\/es\/category\/design-es\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Los 20 Mejores Tutoriales de Tipograf\u00eda para Dise\u00f1adores Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/es\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9\",\"name\":\"Sergei Davidov\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g\",\"caption\":\"Sergei Davidov\"},\"description\":\"Sergei Davidov is a content creator at Elementor. His favorite topics are gadgets, advances in science, new apps and software solutions. He enjoys spicy food, reading books and listening to elevator music.\",\"url\":\"https:\/\/elementor.com\/blog\/es\/author\/sdavidov\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Los 20 Mejores Tutoriales de Tipograf\u00eda para Dise\u00f1adores Web | Elementor","description":"Una buena tipograf\u00eda es un elemento indispensable para proporcionar una experiencia de usuario \u00f3ptima. Por consiguiente, hemos recopilado los mejores tutoriales sobre tipograf\u00eda disponibles.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/","og_locale":"es_ES","og_type":"article","og_title":"Los 20 Mejores Tutoriales de Tipograf\u00eda para Dise\u00f1adores Web | Elementor","og_description":"Una buena tipograf\u00eda es un elemento indispensable para proporcionar una experiencia de usuario \u00f3ptima. Por consiguiente, hemos recopilado los mejores tutoriales sobre tipograf\u00eda disponibles.","og_url":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2021-04-28T11:18:39+00:00","article_modified_time":"2025-12-28T18:31:32+00:00","og_image":[{"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_text_1200-628_1.png","type":"","width":"","height":""}],"author":"Sergei Davidov","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Escrito por":"Sergei Davidov","Tiempo de lectura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/"},"author":{"name":"Sergei Davidov","@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9"},"headline":"Los 20 Mejores Tutoriales de Tipograf\u00eda para Dise\u00f1adores Web","datePublished":"2021-04-28T11:18:39+00:00","dateModified":"2025-12-28T18:31:32+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/"},"wordCount":2515,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/es\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","keywords":["Construye"],"articleSection":["Dise\u00f1o"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/","url":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/","name":"Los 20 Mejores Tutoriales de Tipograf\u00eda para Dise\u00f1adores Web | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","datePublished":"2021-04-28T11:18:39+00:00","dateModified":"2025-12-28T18:31:32+00:00","description":"Una buena tipograf\u00eda es un elemento indispensable para proporcionar una experiencia de usuario \u00f3ptima. Por consiguiente, hemos recopilado los mejores tutoriales sobre tipograf\u00eda disponibles.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","width":5001,"height":2618},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/es\/los-20-mejores-tutoriales-de-tipografia-para-disenadores-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/es\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o","item":"https:\/\/elementor.com\/blog\/es\/category\/design-es\/"},{"@type":"ListItem","position":3,"name":"Los 20 Mejores Tutoriales de Tipograf\u00eda para Dise\u00f1adores Web"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/es\/#website","url":"https:\/\/elementor.com\/blog\/es\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/es\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9","name":"Sergei Davidov","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g","caption":"Sergei Davidov"},"description":"Sergei Davidov is a content creator at Elementor. His favorite topics are gadgets, advances in science, new apps and software solutions. He enjoys spicy food, reading books and listening to elevator music.","url":"https:\/\/elementor.com\/blog\/es\/author\/sdavidov\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/posts\/126588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/users\/188873"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=126588"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/posts\/126588\/revisions"}],"predecessor-version":[{"id":126589,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/posts\/126588\/revisions\/126589"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/media\/112864"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=126588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=126588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=126588"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/marketing_persona?post=126588"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/marketing_intent?post=126588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}