{"id":6480,"date":"2017-05-08T12:38:14","date_gmt":"2017-05-08T10:38:14","guid":{"rendered":"http:\/\/www.espai.es\/blog\/?p=6480"},"modified":"2017-05-09T14:34:27","modified_gmt":"2017-05-09T12:34:27","slug":"crear-nuestras-tipografias-tipografia-crear-fuentes","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/","title":{"rendered":"Tipograf\u00eda, como crear tus propias fuentes."},"content":{"rendered":"<p>Hola a todos, hoy voy a explicaros c\u00f3mo crear vuestras propias fuentes.<\/p>\n<p>Por supuesto instalables\u00a0en vuestro ordenador o para crear dise\u00f1os y logotipos que sean personalizados y diferentes.<\/p>\n<p>Lo primero,\u00a0vamos a hacer una peque\u00f1a lista de lo que he utilizado:<\/p>\n<ul>\n<li>L\u00e1piz y papel (o rotuladores, pinceles, etc&#8230;), para dibujar nuestras fuentes.<\/li>\n<li>Un escaner (bastante obvio).<\/li>\n<li>Adobe Illustrator.<\/li>\n<li>Un programa de tipograf\u00eda (en este caso he aprovechado para haceros una comparativa con varios de los diferentes softwars\u00a0que pod\u00e9is usar, en este caso <a href=\"https:\/\/www.fontlab.com\/Font-tools\/Fontographer\/\">Fontographer<\/a> (de pago), <a href=\"http:\/\/fontforge.github.io\">FontForge<\/a> y <a href=\"http:\/\/www.fontconstructor.com\">FontConstructor<\/a> (gratuitos).<\/li>\n<\/ul>\n<p>En primer lugar utilizando una libreta cuadriculada (va mejor para gestionar las alturas de las letras y que sean mas o menos proporcionales) he dibujado las fuentes,\u00a0si tenemos en cuenta la cantidad de s\u00edmbolos que tiene una fuente est\u00e1ndar, si son bastante s\u00edmbolos, may\u00fasculas, min\u00fasculas, tildes, s\u00edmbolos de escritura (+-?\u00bf&#8230;) y los n\u00fameros.<a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Scan_20170405125834.tif\"><br \/>\n<\/a><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Scan_20170405125501_2.jpg\"><br \/>\n<\/a>\u00a0<a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/fuentes-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6589\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/fuentes-1.jpg\" alt=\"fuentes\" width=\"395\" height=\"278\" \/><\/a><\/p>\n<p style=\"text-align: left\">Una vez tenemos lo que van a ser nuestros tipos, y como me interesa poder generar una fuente basada en vectores, ya que as\u00ed siempre mantendremos la nitidez de las lineas, recordad que antes, las fuentes que ten\u00edamos estaban basadas en gr\u00e1ficos bitmap, lo que hac\u00eda que al hacer una fuente de un tama\u00f1o considerable, se vieran los bordes pixelados, lo que no quedaba muy bien, actualmente, la mayor\u00eda de las fuentes que utilizamos est\u00e1n basadas en vectores lo que permite una mayor definici\u00f3n de las mismas en tama\u00f1os grandes y menor peso de los archivos de fuentes. Como dec\u00eda como lo queremos en vectoriales, vamos a convertir las fuentes en trazados mediante las opciones de Adobe Illustrator, en este caso las fuentes como ya hemos dicho las hemos dibujado a mano, pero tambi\u00e9n podr\u00edamos haberlas hecho directamente con el programa.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-13.16.44.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6481 aligncenter\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-13.16.44-300x169.png\" alt=\"Captura de pantalla 2017-04-05 a las 13.16.44\" width=\"421\" height=\"237\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-13.16.44-300x169.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-13.16.44-768x432.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-13.16.44-1024x576.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-13.16.44.png 1920w\" sizes=\"auto, (max-width: 421px) 100vw, 421px\" \/><\/a>A\u00f1adiremos los archivos escaneados al programa para poder convertirlos en trazados editables, en este caso vamos a utilizar la opci\u00f3n de Calco que posee Illustrator en el modo Logotipo o Blanco y Negro. Desde el panel de calco podemos ajustar la precisi\u00f3n del calco.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-14.51.24.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6484 aligncenter\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-14.51.24-300x169.png\" alt=\"Captura de pantalla 2017-04-05 a las 14.51.24\" width=\"421\" height=\"237\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-14.51.24-300x169.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-14.51.24-768x432.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-14.51.24-1024x576.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-14.51.24.png 1920w\" sizes=\"auto, (max-width: 421px) 100vw, 421px\" \/><\/a>Como pod\u00e9is ver, una vez tenemos los trazos, podemos utilizar todas las opciones del programa para reajustar lineas y nodos de edici\u00f3n para acabar de pulir nuestros textos.<\/p>\n<p>Una vez ya tenemos todas nuestras fuentes trazadas, podemos empezar a realizar lo que propiamente seria la creaci\u00f3n de la fuente, como he dicho antes vamos a ver un par de aplicaciones que nos van a permitir poder crear nuestro archivo de fuentes e instalarlas posteriormente en nuestro ordenador.<\/p>\n<p>&nbsp;<\/p>\n<p>La primera aplicaci\u00f3n que vamos a ver es FontForge.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-15.11.30.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6486 aligncenter\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-15.11.30-300x169.png\" alt=\"Captura de pantalla 2017-04-05 a las 15.11.30\" width=\"438\" height=\"247\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-15.11.30-300x169.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-15.11.30-768x432.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-15.11.30-1024x576.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-15.11.30.png 1920w\" sizes=\"auto, (max-width: 438px) 100vw, 438px\" \/><\/a>Como pod\u00e9is ver en la captura Fontforge, nos muestra una ventana en la que tenemos casillas para cada uno de los s\u00edmbolos que van a componer nuestra fuente, algunas casillas tienen el valor de la tecla que vamos a incluir y otras no, eso es debido a que normalmente nos va a mostrar los caracteres estandar de cualquier fuente, el resto que poseen igualmente un valor de teclado, suelen ser caracteres espec\u00edficos de cada idioma, signos de puntuaci\u00f3n, etc.<\/p>\n<p>La base de trabajo tanto de este programa como de casi todos, es incluir los caracteres que hemos creado en sus casillas correspondientes, al hacer doble click en ellas nos abrir\u00e1 una ventana secundaria con unas reglas que \u00a0contendr\u00e1n la fuente, pudiendo dibujar las fuentes directamente, ya que todos los programas en estas ventanas secundarias suelen tener herramientas de dibujo vectorial para la creaci\u00f3n, modificaci\u00f3n y edici\u00f3n de las mismas.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-15.11.40.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6487 aligncenter\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-15.11.40-300x169.png\" alt=\"Captura de pantalla 2017-04-05 a las 15.11.40\" width=\"438\" height=\"247\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-15.11.40-300x169.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-15.11.40-768x432.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-15.11.40-1024x576.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-05-a-las-15.11.40.png 1920w\" sizes=\"auto, (max-width: 438px) 100vw, 438px\" \/><\/a>Como pod\u00e9is ver en esta captura, las gu\u00edas (el marco central) es donde ubicaremos los caracteres y la barra de herramientas. Fontforge adem\u00e1s tiene un sistema de capas, que pod\u00e9is ver justo debajo de la barra de herramientas.<\/p>\n<p>El programa es uno de los m\u00e1s completos que hay gratuitos, pero tiene algunos inconvenientes, a destacar, que no podemos pegar los archivos vectoriales creados en otras aplicaciones, si a eso le a\u00f1adimos que para poder trazar los objetos tienes que descargar otra aplicaci\u00f3n (plugin) para trazar los objetos es un peque\u00f1o punto en contra.<\/p>\n<p>La otra pega que tendr\u00eda ser\u00eda que la versi\u00f3n para Apple est\u00e1 basada en X11, que ya est\u00e1 descontinuado en los sistemas operativos actuales, con lo que tendr\u00edamos que descargar e instalar primero la aplicaci\u00f3n XQuartz para que funcione.<\/p>\n<p>Por lo dem\u00e1s teniendo en cuenta que no deja de ser un programa de software libre, es muy completo y con muchas opciones de trabajo.<\/p>\n<p>El siguiente programa que hemos probado es Font Constructor:<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-10-a-las-15.11.32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6489 aligncenter\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-10-a-las-15.11.32-300x169.png\" alt=\"Captura de pantalla 2017-04-10 a las 15.11.32\" width=\"440\" height=\"248\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-10-a-las-15.11.32-300x169.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-10-a-las-15.11.32-768x432.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-10-a-las-15.11.32-1024x576.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-10-a-las-15.11.32.png 1920w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/a><\/p>\n<p>Tambi\u00e9n gratuito es m\u00e1s simple en entorno que FontForge, es m\u00e1s limitado a nivel de opciones, como pod\u00e9is ver el acceso a los caracteres se encuentra en el lado derecho de la pantalla, a\u00f1adiendo los diferentes caracteres en el lado izquierdo en una zona de miniaturas, si nos permite utilizar vectoriales externos, pero en su contra podr\u00edamos decir que es m\u00e1s limitado que el anterior, siendo m\u00e1s compleja la gesti\u00f3n de los diferentes glifos o c\u00f3mo a\u00f1adir m\u00e1s a parte de los que ya vienen definidos.<\/p>\n<p>A favor podr\u00edamos resaltar especialmente la ventana de previsualizaci\u00f3n en la que podemos escribir un texto y ver como se van colocando las letras para poder ajustar espacios.<\/p>\n<p>Por \u00faltimo, tenemos Fontographer, en este caso es un software de pago, pero desde mi punto de vista, vale el dinero que cuesta, es el m\u00e1s completo de todos, con un entorno muy parecido al Fontforge, pero sin las pegas de los anteriores (a excepci\u00f3n de que no es gratuito).<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.25.50.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6490 aligncenter\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.25.50-300x114.png\" alt=\"Captura de pantalla 2017-04-19 a las 14.25.50\" width=\"439\" height=\"167\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.25.50-300x114.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.25.50-768x292.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.25.50-1024x389.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.25.50.png 1454w\" sizes=\"auto, (max-width: 439px) 100vw, 439px\" \/><\/a><\/p>\n<p>Tambi\u00e9n funciona mediante un sistema de ventanas por glifos, pudiendo usar todos los caracteres disponibles.<\/p>\n<p>Por lo que respecta al resto de funciones todos son m\u00e1s o menos parecidos, pudiendo ajustar las gu\u00edas de que disponemos para que encajen en las fuentes creadas, esto es los que definir\u00e1 despu\u00e9s autom\u00e1ticamente las distancias entre caracteres (kerning). Simplificando bastante el trabajo de definir las variables que despu\u00e9s tendremos en nuestras aplicaciones a la hora de escribir y ajustar los textos.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.26.12.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6491 aligncenter\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.26.12-300x188.png\" alt=\"Captura de pantalla 2017-04-19 a las 14.26.12\" width=\"437\" height=\"274\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.26.12-300x188.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.26.12.png 631w\" sizes=\"auto, (max-width: 437px) 100vw, 437px\" \/><\/a><\/p>\n<p>Una vez tengamos todos los caracteres definidos independientemente del programa tendremos las opciones de exportar o crear la fuente. Pr\u00e1cticamente todos tienen las mismas opciones desde los tipos de fuentes mas antiguos, como TrueType o fuentes eps (tanto para mac o pc) como las fuentes est\u00e1ndar de uso actual como .otf.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6492 aligncenter\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15-300x266.png\" alt=\"Captura de pantalla 2017-04-19 a las 14.27.15\" width=\"436\" height=\"387\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15-300x266.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png 401w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.36.06.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6493 aligncenter\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.36.06-300x228.png\" alt=\"Captura de pantalla 2017-04-19 a las 14.36.06\" width=\"436\" height=\"331\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.36.06-300x228.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.36.06-768x583.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.36.06-1024x778.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.36.06.png 1210w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/a><\/p>\n<p>Y obviamente lo \u00faltimo que tendremos que hacer es instalar nuestra nueva fuente y comprobar que funciona correctamente.<\/p>\n<p>Estos son algunos ejemplos de programas que yo he utilizado en este caso \u00f3 hab\u00eda usado previamente. A continuaci\u00f3n os dejo enlaces a otros programas gratuitos.<\/p>\n<p><a href=\"http:\/\/fontstruct.com\/\">FontStruct<\/a>, <a href=\"http:\/\/www.pentacom.jp\/soft\/ex\/font\/edit_canvas.html\">BitFontMaker<\/a>, <a href=\"http:\/\/www.cr8software.net\/typelight.html\">Type Light<\/a>,\u00a0<a href=\"http:\/\/sofia.nmsu.edu\/~mleisher\/Software\/gbdfed\/\" target=\"_blank\">gbdfed Bitmap Font Editor<\/a>, <a href=\"http:\/\/www.cylog.org\/graphics\/rasterfonteditor.jsp\">Raster Font Editor<\/a>.<\/p>\n<p>Espero que os pueda servir y cre\u00e9is muchas fuentes para vuestros trabajos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hola a todos, hoy voy a explicaros c\u00f3mo crear vuestras propias fuentes. Por supuesto instalables\u00a0en vuestro ordenador o para crear dise\u00f1os y logotipos que sean personalizados y diferentes. Lo primero,\u00a0vamos a hacer una peque\u00f1a lista de lo que he utilizado: L\u00e1piz y papel (o rotuladores,&#8230;<\/p>\n","protected":false},"author":2,"featured_media":6492,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"1494201600","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"1","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8,218,379],"tags":[66,491,52,84,528,207,41,561,560,559,206,557,65,201,63,558,36],"class_list":["post-6480","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-grafico","category-escola-espai","category-productividad","tag-apple","tag-creacion","tag-diseno","tag-diseno-grafico-2","tag-escola-espai","tag-escuela-espai","tag-espai","tag-font-constructor","tag-fontforge","tag-fontographer","tag-formacion","tag-fuentes","tag-mac","tag-productividad","tag-recursos","tag-tipografia","tag-trucos"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tipograf\u00eda, como crear tus propias fuentes. - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"Tipograf\u00eda, y como crear tus propias fuentes. Hoy veremos, c\u00f3mo crear tus propias fuentes, algo muy \u00fatil a la hora de crear dise\u00f1os propios.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tipograf\u00eda, como crear tus propias fuentes. - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"Tipograf\u00eda, y como crear tus propias fuentes. Hoy veremos, c\u00f3mo crear tus propias fuentes, algo muy \u00fatil a la hora de crear dise\u00f1os propios.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-08T10:38:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-05-09T12:34:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png\" \/>\n\t<meta property=\"og:image:width\" content=\"401\" \/>\n\t<meta property=\"og:image:height\" content=\"356\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Xavier Lara\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Xavier Lara\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/\"},\"author\":{\"name\":\"Xavier Lara\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/f4b1b7f2b4d9546814581ba81276ae5f\"},\"headline\":\"Tipograf\u00eda, como crear tus propias fuentes.\",\"datePublished\":\"2017-05-08T10:38:14+00:00\",\"dateModified\":\"2017-05-09T12:34:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/\"},\"wordCount\":1181,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png\",\"keywords\":[\"apple\",\"creaci\u00f3n\",\"dise\u00f1o\",\"dise\u00f1o gr\u00e1fico\",\"Escola Espai\",\"escuela espai\",\"Espai\",\"Font Constructor\",\"FontForge\",\"Fontographer\",\"formaci\u00f3n\",\"fuentes\",\"Mac\",\"productividad\",\"Recursos\",\"tipografia\",\"trucos\"],\"articleSection\":[\"Dise\u00f1o Gr\u00e1fico\",\"Escola Espai\",\"Productividad\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/\",\"name\":\"Tipograf\u00eda, como crear tus propias fuentes. - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png\",\"datePublished\":\"2017-05-08T10:38:14+00:00\",\"dateModified\":\"2017-05-09T12:34:27+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/f4b1b7f2b4d9546814581ba81276ae5f\"},\"description\":\"Tipograf\u00eda, y como crear tus propias fuentes. Hoy veremos, c\u00f3mo crear tus propias fuentes, algo muy \u00fatil a la hora de crear dise\u00f1os propios.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png\",\"width\":401,\"height\":356},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tipograf\u00eda, como crear tus propias fuentes.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/f4b1b7f2b4d9546814581ba81276ae5f\",\"name\":\"Xavier Lara\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/179d65a63022da125628e8d82fe6e32d4f8e1a2c77b044cd10cdee3f70a9d9bc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/179d65a63022da125628e8d82fe6e32d4f8e1a2c77b044cd10cdee3f70a9d9bc?s=96&d=mm&r=g\",\"caption\":\"Xavier Lara\"},\"sameAs\":[\"http:\/\/www.espai.es\"],\"url\":\"https:\/\/www.espai.es\/blog\/author\/xavier\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tipograf\u00eda, como crear tus propias fuentes. - Blog Escola Espai","description":"Tipograf\u00eda, y como crear tus propias fuentes. Hoy veremos, c\u00f3mo crear tus propias fuentes, algo muy \u00fatil a la hora de crear dise\u00f1os propios.","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:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/","og_locale":"es_ES","og_type":"article","og_title":"Tipograf\u00eda, como crear tus propias fuentes. - Blog Escola Espai","og_description":"Tipograf\u00eda, y como crear tus propias fuentes. Hoy veremos, c\u00f3mo crear tus propias fuentes, algo muy \u00fatil a la hora de crear dise\u00f1os propios.","og_url":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/","og_site_name":"Blog Escola Espai","article_published_time":"2017-05-08T10:38:14+00:00","article_modified_time":"2017-05-09T12:34:27+00:00","og_image":[{"width":401,"height":356,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png","type":"image\/png"}],"author":"Xavier Lara","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Xavier Lara","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/"},"author":{"name":"Xavier Lara","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/f4b1b7f2b4d9546814581ba81276ae5f"},"headline":"Tipograf\u00eda, como crear tus propias fuentes.","datePublished":"2017-05-08T10:38:14+00:00","dateModified":"2017-05-09T12:34:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/"},"wordCount":1181,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png","keywords":["apple","creaci\u00f3n","dise\u00f1o","dise\u00f1o gr\u00e1fico","Escola Espai","escuela espai","Espai","Font Constructor","FontForge","Fontographer","formaci\u00f3n","fuentes","Mac","productividad","Recursos","tipografia","trucos"],"articleSection":["Dise\u00f1o Gr\u00e1fico","Escola Espai","Productividad"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/","url":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/","name":"Tipograf\u00eda, como crear tus propias fuentes. - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png","datePublished":"2017-05-08T10:38:14+00:00","dateModified":"2017-05-09T12:34:27+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/f4b1b7f2b4d9546814581ba81276ae5f"},"description":"Tipograf\u00eda, y como crear tus propias fuentes. Hoy veremos, c\u00f3mo crear tus propias fuentes, algo muy \u00fatil a la hora de crear dise\u00f1os propios.","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png","width":401,"height":356},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2017\/05\/crear-nuestras-tipografias-tipografia-crear-fuentes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Tipograf\u00eda, como crear tus propias fuentes."}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/f4b1b7f2b4d9546814581ba81276ae5f","name":"Xavier Lara","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/179d65a63022da125628e8d82fe6e32d4f8e1a2c77b044cd10cdee3f70a9d9bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/179d65a63022da125628e8d82fe6e32d4f8e1a2c77b044cd10cdee3f70a9d9bc?s=96&d=mm&r=g","caption":"Xavier Lara"},"sameAs":["http:\/\/www.espai.es"],"url":"https:\/\/www.espai.es\/blog\/author\/xavier\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/05\/Captura-de-pantalla-2017-04-19-a-las-14.27.15.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/6480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=6480"}],"version-history":[{"count":21,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/6480\/revisions"}],"predecessor-version":[{"id":6497,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/6480\/revisions\/6497"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/6492"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=6480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=6480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=6480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}