¿Cómo elegir la tipografía para un proyecto web?

¿Cómo elegir la tipografía para un proyecto web?

y esto y entonces estamos aquí estamos bueno muy buenas noches son muy buenas tardes para las personas que se vienen conectando hoy al mir up de la comunidad wordpress san josé sean todos bienvenidos hoy tenemos un tema interesantísimo que es wordpress y tipografía cómo elegir la tipografía correcta hoy con marco 2 pero cal y que ahora lo estaré presentando y vamos a empezar con los anuncios de rigor para que ustedes conozcan un poquito de lo que hacemos bueno quién es somos este grupo pues estaba conformado por un grupo importantísimo de personas pero quienes están a cargo de materializar en los mira el desarrollo que está hoy en control es melissa en redes sociales cristian que se nos une la parte de diseño bienvenida a christian édgar que también ustedes a veces no lo ven pero él anda corriendo ahí buscando temas buscando expositores buscando también cómo armar armamos las cosas y su servidor mauricio barrantes que también de diseño que también ayudan a parte de moderación ya me han visto varias veces nosotros somos el equipo que estamos para servirles y para lo que ocupen pueden encontrarnos en las redes sociales y san josé @ world camp punto hereje estamos en twitter en facebook estamos en instagram laiker y por supuesto en mirar donde nos pueden encontrar todas las actividades que tenemos programadas en youtube donde tenemos toda la seguidilla de actividades que hemos hecho a partir de el mes de marzo le diga mes de marzo abril más o menos realmente más de marzo entonces ahí pueden encontrar todas las actividades que hemos realizado que esté definitivamente una gran biblioteca de contenido por supuesto puede encontrarnos en slack como w costa rica- punto es live.com ahí pueden también comunicarse con nosotros tenemos una puerta abierta para todos los que nos están escuchando y quieren formar parte también de este grupo queremos invitarlos a que formen parte de w san jose de nuestra comunidad el talento el talento bienvenido vea ocupamos charlas ocupamos gente que nos ayuden audiovisuales en redes sociales e innovación en moderación en diseño en contenido bueno y en lo que también digan bueno yo puedo colaborar en esto también importantísimo todo toda la ayuda es bienvenida así que si desean nosotros tenemos un formulario en nuestro sitio web o también pueden levantar la mano al final de la actividad cuando hacemos la actividad informal o cuando estamos en el mirar informal que es después de la charla igual pueden apuntarse aquí y también pueden colaborar nos ya sea que sigue gustan colaborar como mirad quieren traer un tema este ese es una gran experiencia no solo para quien lo da sino también para nosotros en la posibilidad también de conocerlos y ustedes tienen un proyecto se han hecho un plugin si ustedes tienen un tema que tocar que tiene que tenga que ver con con el núcleo de wordpress pues sería bienvenido este es cuestión de que nos envíen y llenen el formulario que está aquí en pantalla y nos pondremos en contacto vamos para los eventos los eventos y el calendario que tenemos para esta semana el sábado verdad no se lo pueden perder tenemos un tema importantísimo vamos a partir de las 9 de la mañana en adelante vamos a tener dos temas primero administración efectiva de una página de wordpress a cargo de frank calderón y después cómo incrementar la seguridad en wordpress con hans müller no se lo pueden perder así que este sábado a partir de las nueve y media la otra semana o sea el otro martes tenemos y empezamos el mes de agosto ya con el tema de pasarelas de pago que lo han pedido solicitado enormemente entonces tenemos dos pasarelas de pago el próximo martes primero pagos en colones compatibles con paypal y después pasarela de pagos con four kicks forgués payment con alan podrás vamos a tener a francisco bravo y alan podrás con el tema de pasarelas de pagos estas dos pasarelas de pagos porque vamos a ver otras pasarelas de pagos durante el mes de agosto así que apuntes y no se lo pueden perder no sé hasta aquí tenemos los anuncios verdad me permitió presentar presentará a marco de rock al desarrollador diseñador web ha trabajado con wordpress desde hace más de 10 años trabaja como fundador de una pequeña empresa de diseño y es consultor en distintas compañías a lo largo del mundo es una persona con mucho talento y también con una gran capacidad de transmitir conocimiento qué más puedo decirte marco que hace pizza buenísima así que los dejó con marco marco hoy con el tema con el tema de tipografía marco e insisto ahora tú ya la palabra por área muchísimas gracias hermanos y chicos y chicas buenas noches esté bueno mi nombre es marco local ya vamos dijo casi que todos todos mis secretos este vamos a empezar voy a empezar a compartir la la pantalla 20 cuál estoy compartiendo a ver estoy compartiendo para ver que no sé si esté bien sí aunque cristo es que no me notifica ok entonces comencemos pues este como dijo mauricio este bueno primero que nada el tópico de hoy es el word bears y tipografías cómo elegir una fuente para su proyecto de diseño web y cómo integrarlas dentro del wordpress este un poco acerca de mí yo soy desarrollador web y de trabajo con wordpress y trabajo para una empresa patrocinadora que es bring it y soy un venta de la comunidad participó activamente en mirarse en la comunidad de costa rica y he hecho muchísimos amigos con wordpress y pues evidentemente este consejo contribuir con lo que se me ha ayudado muchísimo a conocer gente nueva y también la satisfacción de que las cosas que uno sabe este le ayudan a los demás este que en su sede como se llama proyectos entonces ya suficiente acerca de mí que no me gusta mucho hablar acerca de mí entonces vamos a hablar de tipografías ok la primera la regla que siempre yo trato de seguir a la hora de elegir tipografías es como el ejercicio de ponerse ropa para una ocasión este es el comentario de que nosotros steve jobs o zuckerberg porque son dos bases este siempre usan la misma ropa se distinguía precisamente porque ellos ellos hacían eso por una función que se llamaba a decisiones confiamos fatigas de decisiones sucederá para no pensar tanto que el ropa ponerse y la más ponérsela pero combinar fuentes es una es una decisión que esté en mi opinión debe tener su propio proceso a la hora de elegir la para un proyecto de diseño web y porque lo digo porque lo digo a veces noto denotado en sitios que no ven que que las tipografías a veces se hacen a la ligera o se hace un ningún proceso de varios minutos yo obviamente de toda la experiencia que adquirí hablo en algo de los 10 años considero de que una de las cosas que más me gusta aparte desarrollar es la parte artística y el diseño web es un medio más artístico de expresar el lo que es la la belleza la estética como tal y una de las cosas que más me gusta de la tipografía y a su vez también la la odio es que esté la tipografía cumple un trabajo hace un trabajo sigiloso a qué me refiero con eso sigiloso meter que quiere decir que es silencioso que está ahí pero que la mayoría de gente no lo nota lo cual es muy cierto a la hora de elegir este tipo grafías este pero yo considero siempre he dicho que una mal tipografía es bastante evidente tanto para un usuario como para uno como diseñador y una tipografía barbara perfecta o genial este cumple un trabajo muy silencioso en esto necesito parafrasear a ti terram será uno de los diseñadores industriales más más famosos que han existido en donde él dice que un buen diseño es obvio o evidente pero el gran diseño es invisible entonces la tipografía cumple ese rol de invisibilidad entonces toda esta explosión de tipografías más o menos este surge como de hace 10 años para acá este con la avenida de c s 3 este antes de c s 3 a la hora de cómo se llama de declarar tipografías uno tenía que atenerse a tipografías que eran web safe o sea que eran este como se llama eran compatibles con la web y eso nos dejaba con una serie de opciones muy limitadas también los amiguitos se acuerden pero eran área al ventana toma times román etcétera etcétera entonces eso realmente hacía que la web fuese muy monótona porque eran las mismas tipografías en casi absolutamente todos los sitios entonces con ese ese 3 ps3 exacto surge la posibilidad de uno de usar sus propias fuentes entonces esto había una caja de pandora y cada vez los sitios innovan con tipografías más y más éste preciosas entonces a veces uno ve el sitio web y uno dice qué bonito se ve eso entonces yo no les prometo que van a hacer esto después de este mira pero si van a ver cómo van a ver las tipografías un modo diferente y van a pensar un poco más en el proceso este a la hora de elegir entonces este yo no voy a decir tips y voy a compartir un poco mi pantalla y les voy explicando más o menos cómo es que lo hago voy a usar un proyecto real que estoy diseñando hace poco y le apoyamos más o menos contar cuál es el proceso que yo con éste dice ok entonces mi primero sería místico este primer tintes tenga sus caballos de troya primero que refieres comentar qué quiere decir con esto este todo vamos a tener este tipo gráficas que nos gusta mucho cosas que estéticamente nos fascina entonces para mí este y voy a abrir un toque ilustrador vamos a abrir un documento nuevo entonces cada quien tiene sus caballos de troya que no sé si pueden ver bien mi pantalla pero vamos a ver 66 flores y entonces por ejemplo para mí a venir es una tipografía preciosa entonces yo la uso mucho de mis proyectos entonces marcó berrocal para mí este como se llama próxima nova es preciosa entonces yo casi que siempre tengo mis propios este caballo de troya por ejemplo me gusta mucho y entonces cada quien tiene sus caballos de troya o sea este y eso está bien yo considero que uno tiene que tener como sus fuentes de referencia en el sentido de que son las fuentes que algunos realmente le fascinan y esas son las fuentes a las que uno recurre a veces cuando la cosa se pone un poco intensa y necesitas éste tomar decisiones rápidas o realmente son sus favoritas pero en esto también y parte de mi consejo es como que no se abuse y explorer porque a veces uno es tc se encasilla en a la hora de diseñar y comienza a repetir patrones una y otra vez y cuando se da cuenta de neira básicamente se está utilizando las mismas tipografías de un proyecto a otro y realmente eso no debería de ser así una buena teoría porque cada cliente es diferente cada historia es diferente cada negocio es distinto y uno tiene que transmitir eso a la hora de hacer su proyecto web lo cual me conlleva al siguiente punto el branding este ésa es realmente la referencia que uno tiene que tener este cuando un cliente viene hacia uno y uno tiene que construir un sitio web y es que éste no sabe absolutamente nada de casi que ni a su propio branding y uno como diseñador tiene que ser capaz de transmitir a través de él de cómo se llaman de lo que unos saben ese branding a este médico entonces esa es su referencia yo a mí me gusta mucho parafrasear a mi papá él es veterinario y él siempre me dice que en un diagnóstico el 80% es lo que el paciente te dice y el otro 20 lo que usted sabe entonces cuando uno está haciendo un proyecto con un cliente parte las preguntas que no tienen que tocar un tema de branding o sea cuál es en la demográfica con la audiencia que en este tipo de cliente cuáles son los adjetivos con los cuales usted se describe esto escribe su negocio y hay uno más o menos va filtrando y va al paso de los identificando cuál es el branding del cliente a veces los clientes tienen branding tienen líneas de diseño ya establecidas y tienen las tipografías ya totalmente seleccionadas pero a veces le toca a uno hacer ese trabajo pero yo siempre digo eso sea en la entrevista que hago con el cliente y cómo se llama este utilizo eso como punto de partida ok entonces cuando el cliente me da eso cuando me da la entrevista y cuando me dice etcétera etcétera yo típicamente agarró el logo el cliente entonces para para ir esté aterrizando la idea digamos que este es un proyecto que me tocó hacer hace poco entonces yo tengo aquí en el logo y yo usualmente trabajo como ilustrador porque el diseño entonces yo aquí voy aquí voy en pastando todas las tipografías que a mí me gustan porque y voy trabajando con el logo entonces poco a poco yo voy instalando las este y las voy comparando y las voy analizando las que me gustan algo separado y las que definitivamente no no me gustan ahora eso tampoco quiere decir que uno tiene que revisar absolutamente todas las tipografías que tengo acá existen programas que te pueden dar una idea este bastante general acerca de las tipografías que uno puede utilizar en proyectos yo utilizo mucho este programa que se llama time face que voy a abrir acá que es un programa en donde yo puedo ver a primera primera plana todas estas tipografías que existen digamos esto es como esto es este que ustedes están viendo acá es para un logo que tuve que diseñar este programa se llama type face creo que tiene una visión gratuita la distinguen por éste zorrito entonces yo aquí voy analizando y voy viendo todas las tipografías cuando yo sé de antemano qué es lo que quiero yo nada más voy viendo voy viendo buen viendo y viviendo cosas que me llaman la atención entonces ahí voy seleccionando las voy seleccionando digamos cuando lo de clic aquí la guardo y por ejemplo que me guste esta la guardo y así y yo nada más como te dije voy voy pensando pensando pensando pensando entonces yo veo veo veo seleccionó selecciono selección y cuando ya estoy listo voy filtrando y las voy trayendo acá ok y todo esto obviamente con la guía con la referencia que el cliente me dio pero el punto es que yo yo ya empiezo y yo voy a decir ok necesito un encabezado necesito copiar de párrafos necesito todos esos elementos que van a componer este el sitio web del cliente como tal ok entonces vas vas filtrando y vas viendo vas viendo y al principio puede sonar este intimidante en el sentido de que uno realmente no sabe qué tipografía es buena o es mala y en esto esté bueno les voy a hablar un poco acerca de cuáles son las cuáles son las que a mí me gustan y por qué pero hay sitios que son de preferencia y que son de hecho algunos gratuitos como por ejemplo google fondos que tienen tipografías muy muy buenas y también está adobe a mí particularmente me gusta mucho adobe porque tiene un servicio que se llama este fondo de adobe system se van a fondos puntuado de puntocom ellos tienen un plan gratuito en donde usted puede también ver las tipografías y pueden darle browse a las a las fuentes como tal y las pueden incluso hasta instalar estos porque vamos vamos un poco también a ese tema este ilegal eso lo curó entre dentro de poco pero si ustedes ven aquí adobe también tiene lo mismo y ustedes tienen aquí las calificaciones que ahorita se lo voy a explicar un poco pero básicamente con taipei igual y volviendo a las tipografías en este caso no estoy lo guiado pero concilio estuviera estuviese logueado éste yo poder bueno voy a ver si puedo lograr es que esto sí va a ser una base para live dirección de correo o ya sabes perdón es un imprevisto y [Música] [Música] ahora listo entonces aquí en en adobe lo mismo o sea yo puedo ver las tipografías que me gusta es muy parecido googlephone algunos la mayoría yo me imagino que ha utilizado google fons entonces yo aquí voy viendo y aquí las voy guardando nuevamente este lo importante aquí es meramente observar qué es lo que me gusta estas fuentes que es lo que me atrae este conforme uno va diseñando y conforme va probando y va haciendo y va a trabajar los distintos proyectos uno va teniendo sus caballos de troya entonces uno va a tener como una preferencia pero nunca nunca debe de perder el norte y el cual es que uno tiene que respetar el branding del cliente y este logo de acá tiene que concordar éste con la tipografía que uno va viendo ok entonces esté aquí uno de ellos archivos y como típicamente combino tipografías pero eso éste no no vamos a hacer ahorita entonces cuando yo estoy listo yo ya voy haciendo y las voy instalando acá y cuando te trabajando en un proyecto web tengo un montón de tipografías y yo las voy comparando con el logo usualmente comienzo con los encabezados y vamos a cubrir eso dentro del tributo pero los encabezados son súper importantes porque si ustedes se van a un sitio web como por ejemplo el mío este uno siempre tiene un encabezado digamos esto es un encabezado esto es un encabezado y esto ya es copia del sitio como tal ok entonces yo siempre comienzo con un encabezado porque es como mi punto de partida entonces cuando yo entrevisté a este cliente el cliente fue muy enfático y me dijo que ellos querían una tipografía moderna usualmente cuando un cliente te dice que quiere una tipografía moderna que quieren una tipografía que no es serif a ok entonces yo voy combinando y voy viendo y a veces salto entre lo que es mayúscula y minúscula y voy viendo y voy comparando con el logo para que la cosa concuerde para que la tipografía se vea correctamente con el logo para que irrespete este el branding del cliente como tal porque si es un cliente bastante este de una línea de negocio bastante como se llama tradicional pues yo voy a buscar tipografías que tengan esa línea que sea sumamente formales y no sean informales porque no es lo mismo esta tipografía que por ejemplo pueda tener que hacer este ejemplo que es el ejemplo más utilizado internet qué es este o sea esta tipografía es totalmente cuando yo la comparo aquí y la veo con este logo acá yo digo mira aquí estoy desconectando me totalmente y esto a simple vista se ve mal ok entonces es muy importante que ustedes vean y comparen y digan qué tan que también se compara con el logo o que en este caso está se ve terrible y yo por lo tanto ésta nunca la voy a considerar igual este existen existen tipografías accidente huellas por decirlo así y pues uno ni siquiera las considera y por eso es que yo voy viendo acá y yo voy más o menos comparando cuáles son las que se ajustan a lo que yo sé ok entonces en este caso con este cliente en particular yo sé que es una no una fuente sin sheriff a vamos a vamos a hablar eso dentro de un toquecito ok menos es más ok aquí me refiero con esto hay que tener cuidado con combinar tipografías ok en este caso una vez es este quiere meter un montón de tipografías dentro de un proyecto web y me ha tocado trabajar con clientes en donde tienen hasta cuatro o cinco familias metidas dentro del código y yo les recomiendo a casi todos que siempre utilizan dos es igual y volvemos al punto de la ruta o sea usted no se va a poner una camisa de cuadros y un pantalón de rayas son cosas totalmente de asia hay que tener concordancia a la hora de de escoger las tipografías entonces típicamente yo les recomiendo que utilicen todos familias dos familias tres si son demasiado pero si ya saben que lo que tienen que hacer ok recuerden siempre las palabras que tiene que ser sigilosa o sea que tiene que acompañar que no verse mal ok entonces ahora sí vamos a hablar de las bases vamos a hablar de ser y fas y no ser y fast ok volviendo al ejemplo acá de ilustrador las tarifas son tipografías que no tienen estos palitos que se conocen como este como se llaman el vídeo aquí está el nombre que aquí tengo stems se llaman en inglés ok las tarifas típicamente tienen esto que son estos palitos de acá este palito de aquí que voy a señalar yo los buenos como estamos según mi nombre esto no lo puedo ver pero quizás en otras éste sea un poco más evidente grammont carbón porque aunque está súper evidente o sea pueden ver los palitos que tienen al final de la m tienen este tipo palito acá y éste palito acá en cambio de éstas no éstos son históricamente porque cuando empezaron a las imprentas las tipografías en aquella época eran de este tipo de ansias era nacieron tipografías informales eso lo que ustedes de en este sí buscan y de europa en todos los rótulos viejos no siguen castillos y las varas pues la tipografía en las referencias la guía de diseño en aquel entonces eran cenizas poco a poco y eso lo que me gusta también del diseño las tendencias van cambiando y van cambiando las tipografías y surgen las que no son cenizas que son como estas como esta de aquí que no tiene palitos o sea esta novela no tiene palitos la m tampoco sea son palitos rectos estos son eso se llaman no ser vistas entonces las tipografías tienen este tipo de calificación entre sherifa y no sé ni fa típicamente las dos heridas son tipografías un poco más informales que las tarifas entonces yo a la hora de entrevistar este cliente la trayectoria de él él me dice el cliente ellos se dedican a cómo se llama leímos etiquetas ellos hacen etiquetas etiquetas desde cosas del supermercado etiquetas de correo etiquetas de impresora de fármacos ellos todo que es impreso en ti que estás con instrucciones ellos lo hacen entonces cuando yo voy entrevistando el cliente y él me dice nosotros somos unas empresas más bien si existe tenemos casi 60 años de existir 70 años entonces yo ya voy pensando y yo soy yo por tanto estoy pensando y ellos me dijeron que ellos querían una noche liza para sus títulos por para como para respetar el logo de hecho cuando yo veo el logo aquí yo digo que es esta tipografía realmente no me gusta para luego pero no la puedo cambiar pero yo ya voy diciendo ok para mis encabezados yo definitivamente quiero una no ser y frank que entonces quiero elegir esta pero para lo que es el boicot y o sea lo que es el texto como tal lo que la gente va a leer yo definitivamente quiero una cifra porque yo quiero respetar esa línea de tradición esa línea de formalidad esa línea de histórica que el cliente tiene y por lo tanto quiero referirme a una este tipo grafía que es ese libro entonces yo ya tengo más o menos este mi plan en este caso no sería para títulos y sería para este body copy ok hay otras cosas que son muy interesantes y también es lo que hacen es tela tipo de la tipografía este muy muy muy este bonitas es de estoril es vuestro este pdf que es de font shop esté aquí viene la anatomía de una tipografía este hay tipografías una de las cosas más importantes también hay o a la hora de elegir tipografías es que la altura del ex height sea una altura decente a la hora de leerla o sea que si yo déjenme hacer un ejemplo rápido [Música] vamos aquí vamos a copiar eso por qué ok entonces voy a marcar aquí 24 tramos del 24 entonces yo lo que trato de leer a la hora de interpretar esto es la altura la ex side de una tipografía a qué me refiero a que ser qué quiere decir con eso sea cual es la altura de una letra x en minúscula eso es básicamente la altura excite de una tipografía personalmente a mí me gusta tipografías que tengan una altura bastante amplia porque eso le añade legibilidad a la hora leer el texto porque los clientes tienen que leer el texto entonces aquí ustedes tienen que que analizar cuánto es la altura la tipografía si es una altura correcta o no y si es legible en eso también tiene que tomar muy en cuenta eso sea la tipografía tiene que ser este legible porque si ustedes este ven esto acá pues esto es poco legible o si es legible pero realmente cuando yo lo comparo aquí con con este título de acá yo veo que la cosa no concuerda y yo lo veo con el logo de alpino y ellos esto definitivamente pues no ok entonces una de las propiedades importantes es la altura x de la tipografía otras cosas importantes son una que se llama este lo voy a poner aquí el hacking lerín y éste se movió la otra tracking letting y carling ok entonces ok que screening vamos primero con esta came herning es este el espacio que hay entre dos letras ok si ustedes analizan aquí es el espacio que el que que hay entre la p y la e si yo he hecho yo tengo que analizar eso también porque hay tipografías que son diseñadas con un rating bastante éste el pequeño ok entonces si yo ajusto esto acá y le pongo un valor de por ejemplo menos 80 yo aquí veo que la legibilidad de la tipografía realmente se me fue a la basura entonces esto realmente no hay perdón pero esto realmente no tiene sentido a la hora de utilizarlo entonces si la tipografía tiene esa y este esa limitación uno tiene que descartarla y decir que esta tipografía definitivamente no tiene un rating bastante este pequeño entonces si existen propiedades en css que uno puede ajustar para hacer el link este más grande que se llama leer spacing pero aquí volvemos al punto o sea que tanto van a estar ahí jugando con eso en vez de hacer su tarea antes o hacer el trabajo o el récord por decirlo así el trabajo de trabajo sucio antes y ver una tipografía en su estado natural y decir lo que es esta tipografía tiene un espaciado que a mí me parece este legible y ahorita lo vamos a ver con un ejemplo ok es el tracking es exactamente lo mismo que el kremlin pero es entre las palabras con las palabras ya incluidas porque aquí yo veo que el tracking está bien y es esto de aquí es este valor acá perdón sí exacto entonces si yo lo hago aquí lo hago muy pequeño pero si lo justo acá yo lo voy viendo este más grande obviamente esto se hace súper difícil de leer entonces nuevamente analicen cuánto es el espaciado con las palabras ya de palabra en palabras si es amplio o no es amplio de nuevo legibilidad y trabajo sigiloso es lo que usted tiene en mente y respetando lo que es el branding del cliente como tal ok lenin tiene que ver con la altura que hay entre los entre las líneas o sea entre cada este línea imaginaria en donde descansa es de la tipografía en este caso yo la justo acá y voy ajustando valores que que yo en css los declaro como on line height ok entonces en este caso yo voy a trabajar con 36 y yo veo que este yo digo y yo no veo acá y yo digo mira este este este este espaciado quizás me parece mucho y lo vamos a parar con otra tipografía como como georgia yo quizás lo veo mucho y yo digo ok ves esto es una misma tipografía con el mismo con el mismo con las mismas tipo con las mismas propiedades ambas tienen 24 píxeles de alto ambas tienen este 36 de lenin online de altura pero si ustedes analizan acá a simple vista a mí me parece que la gloria es un poco más legible para el mismo exactamente el mismo valor entonces yo voy comparando aquí yo estoy diciendo ok yo veo estados que a mí me parece que la altura existe perdón pero la altura perdón la altura exacto me parece que el exagente este de esta a la izquierda es muchísimo más espaciosa es muchísimo más amplia es muchísimo más concordante y es mucho más fluida que la de acá está es muy pequeña y a mí realmente me preocupa entonces yo voy descartando entonces de nuevo no es no es una lista que ustedes tienen así como un check list y quieren que revisar sino que son cosas que ustedes conforme van haciendo proyectos y van practicando y van haciendo van teniendo un criterio propio para desechar o aceptar una tipografía entonces en este caso de las dos lo agarramos le diría chau su crédito si yo me quedo con georgia ok entonces eso eso es eso es como parte de la teoría o sea la teoría es importante saber la para poder tener un criterio a la hora de tomar una decisión porque cuando uno diseña y uno toma decisiones igual con un programa uno toma decisiones sólo que las decisiones de programación son un poco más este evidentes que las de diseño las de diseño a veces son silenciosas o sea y eso es parte también de las cosas que me dan risa cuando cuando un cliente me pregunta que por qué cuesta atacarme y si yo no ejecutó el ejecutor rápido este a la hora de hacerlo pero llegar a ese proceso de toma de decisiones y de descartar cosas porque no van de acuerdo a lo que yo como persona como diseñador web qué es correcto pues este es un proceso que conlleva mucho tiempo entonces esa es la razón por la cual alguno cobra lo que cobra ok vamos con el siguiente punto entonces combine y busque ok aquí dice en contraste o consistencia a qué me refiero con eso ok evidentemente aquí ya no cumple un poco porque hay un contraste enorme entre esta que es próxima no y esta que es exterior ya en una serie y la otra es no hemos tenido la próxima nueva spot o sea es este de negrita y ésta es normal ok entonces digamos aquí le puede incrementar incluso a black y yo aquí ya la veo yo digo que aquí empiezan a chocar o sea y comienzan a chocar y no me gusta entonces yo me hago para atrás y yo digo ok bolt perfecto mayúscula minúscula ahí voy jugando y voy a estar diciéndome un criterio quebrar porque no muestran tomelloso aquí está entonces en este caso no me gusta más minúscula entonces busca en contraste una una de las cosas más bonitas es esa en contraste tengo para títulos una no ser y fa y tengo una este sheriff a para el texto como tal entonces cuando uno hace contraste usualmente maria bien común dice nada en el amor en los supuestos atraen pues sí o sea sí pero también utilizar este lo que se llama consistencia también es válido o sea yo también pude haber dicho que éste la verdad es que voy a usar próxima nova de negrita para los textos en los títulos y voy a utilizar la normal deben copiar mejor déjame en copiar voy a utilizar próxima no a normal para este la copia entonces no voy aquí por ejemplo y yo digo ok y eso es también está bien porque aquí estás jugando un poquito más seguro por qué por qué te estás manteniendo con la misma familia entonces usualmente cuando un diseñador de tipografías diseña toda una familia él tiene eso en el instrumento o sea que toda la familia que el diseño es concordante entre sí de hecho yo estoy seguro que estoy ahí negra se va a ver un poco mejor lo cual sí se ve mucho mejor si ustedes lo comparan yo veo muchísimo más esté armonía entre estas dos juntas que éste entre ésta y ésta entre esta y ésta porque ya esto sí ya definitivamente me parece que ya choca mucho y y no es algo que realmente éste me agrade entonces mi consejo es eso o sea busquen consistencia en la misma familia o no esté que no compitan entre sí también y por eso yo descarto esto de acanceh realmente está compitiendo con esta y como dicen italiano mph entonces yo inmediatamente me hago para atrás y digo no no y volviendo al ejemplo del cliente real el cliente me había pedido yo tengo dentro de mi criterio que quiere usar una serif a este para el público que entonces definitivamente la otra no la va a utilizar pero se puede usar ustedes lo pueden hacer o sea esto es experimentar y ver ok elegibilidad de nuevo estamos buscando elegibilidad que el texto sea elegible que sea elegible que se puede que alguien se siente y en su computadora en su teléfono y lo pueda ver muy importante también eso es súper importante aquí yo estoy usando 24 porque yo tengo aquí el mega monitor y yo estoy viendo todo muy bien pero en teléfonos eso se puede hacer difícil entonces yo típicamente bajo las tipografías a 16 y pongo el lenin a 24 igual no veo para ajustar está para atrás y la uac y igual la veo bien pero que está bien entonces yo ahí digo ok esta me está gustando yo todo va bien ok entonces vamos a utilizar el ejemplo real entonces ya después de venir acá verdad y ver todas estas tipografías y pasos y horas de hora abierto diciendo que me llama esta para el título de la patata y la vuelve tiendo acá y los prefiriendo con el logo y la voy comparando yo si no paran pim pum pum pum usualmente llego a un proceso final que es este entonces yo ya voy viendo acá y tengo está toda aquí ya que ya llegué a este ejemplo y yo estoy diciendo ahora sí igual cuál es esto con cuál me voy o qué entonces si ustedes ven está acá y ahorita la voy a poner el rojo para ir desechando las yo no y volviendo está aquí que estoy seleccionando de que es no ser y fa que es está acá con próxima no va con con este que se llama oms a mí me parece que es muy blando que es muy corrido que es muy éste es muy es casi que lo mismo o sea que no pudo discernir lo que es texto y lo que es este título como tal y si yo le da justo aquí a acá ya se ve muy redonda no le gusta es muy geométrica y no me gustan estas estas cosas están tan gordas y redondas y yo digo fuera acá entonces yo inmediatamente la voy desechando entonces yo las power robo y chao pescao ok y ahora voy viendo esta ataca esta de aquí me parece que va muy bien pero si yo la comparo y les digo a aquellos que yo que hemos hablado del fracking si ustedes comparan estas otras cuatro junto con esta yo creo que el tracking de esta es muy muy bajo y yo digo definitivamente no está yo no la voy a utilizar entonces yo de nuevo la desecho ok luego esta está acá y yo la veo idioma este tracking está bien voy a ajustar esto a 36 a 36 y yo digo esta se ve bien se ve bien realmente no se ve mal pero yo digo no me gustan yo digo no no no me gusta se ve como que compite mucho con el título entonces yo definitivamente la desecho entonces ha desecho y yo sé que quizás algunos dicen validadoras del evento igual pero vieras que cuando uno va trabajando con un montón de tipografías uno va viendo las diferencias ok entonces tengo estar acá y tengo esta acá y esto está de aquí también me parece que compite mucho es muy parecida a esta bueno está ayuna rechace esta de que se llama ateo porque aquí está en forma de light o sea el peso de ella es light como podrán ver aquí si yo la pongo es tan irregular y aquí es donde yo veo que compite demasiado yo lo veo muy negra la veo muy intensa en comparación con el título y lo empiezo a hacer que las tipografías comiencen a competir entre sí ahora aquí me podrá decir más pero por qué no la utilizan light a la hora de diseñar y yo trato de evitar las tipografías light para que sean paul y copy por primero por una cuestión de accesibilidad o sea para mí es muy claro muy bonito aquí en mi monitor mac verdad torito era todo page precioso pero hay dispositivos que quizás no tengan esa misma nitidez o esa misma resolución entonces leer tipografías que son muy livianas se hace un trabajo muy muy muy arduo y como les dije las diapositivas uno tiene que optar por legibilidad entonces si ustedes tienen esas tipografías que parecen peligros de gato que nadie va a leer su sitio y porque la gente da silva no volver a excavar entonces yo digo definitivamente la light no las quiero utilizar y esta en normal me parece que compite demasiado con el título entonces esta fue la razón este por la cual yo este la desecho ok entonces esta está deshecha ahora tengo esta de acá y me pasa algo parecido con esto yo siento que compite mucho con este título de no no está bien pero realmente no no no no me está ajustando entonces yo digo afuera y ahora solo me quedan esas 2 y aquí es donde viene también es de los años y la experiencia y humana por ahí entonces cuando yo voy comparando estas y yo las voy aumentando y yo voy viendo y yo digo ok mar ok esto se ve bien pero cuando yo les pongo a quitar aguanta co aquí y los pongo aquí abajo ya soy yo ya te doy procesos que con estos dos y yo los veo aquí abajo y yo digo madre ok cuál es la diferencia entre este estoy aquí ya empezamos con tecnicismos y ya empiezo a fijarme en en letras en específico una de las letras que uno se puede fijar mucho de la la letra en minúscula y yo ya veo que él esté más o sea esta cosita esta pelotita acá el diferente acá entonces bueno ya es mucha la práctica que yo tengo y yo ya veo que esta tipografía esta es una tipografía que se llama este transicional es vieja porque porque yo veo el palito aquí en la mayúscula y está acá y es bastante gordo entonces eso es una tipografía transicional eso significa que es de la época bastante bastante bien es bastante formal y yo digo que yo si quería una ceniza para el cliente pero tampoco quiero este y retrocede unos 300 años en esto y utilizar algo tan tan tan formal yo quiero que sea sherifa pero no quiero que sea un poquito más moderno y aquí es donde yo definitivamente siento que esta es esta me encanta y ya tomó la decisión final ya ejecutó y digo ok esta chao pescao entonces ya está quedado desechado está aquí y yo digo manuel con con esta de acá y ya tengo las familias y tengo próxima nueva como títulos y tengo esta que se llama chaparral pro que es este de adobe precisamente en aquí en adobe si ustedes la buscan aquí este aparato que se llama ahí está entonces adobe me permite importar esa tipografía y usarla mi computadora y yo la voy probando y luego definitivamente me gusta una de las cosas que que me gusta adobe y que se las recomiendo es que ellos tienen planes para postear tipografías eso no lo he tocado yo sé que uno con cs3 puede importar tipografías y los puedes subir suscriptores las puede descargar pero hay una cuestión legal de por medio porque realmente usted no está pagando para postear esas tipografías entonces pero si se está empezando y el cliente no tiene un presupuesto pues muy grande pues ustedes se la pueden jugar así pero ya para clientes de cierto perfil o de cierto calibre usted ya tiene que decir el cliente mira usted se puede meter un problema legal si usted está utilizando tipografías que no son costeadas por usted de hecho yo el año pasado trabajé con alguien aquí en la comunidad y advertí de que trabaje con lydia isla varas que ellos querían utilizar una tipografía este que no tenían licencia y el valencia el toma la decisión usted tiene que decir el cliente mira estudios de esto yo típicamente pago la suscripción y lo que hago es que yo a eso el total de mi hosting o de aje se lo agrego al cliente lo cual incluye este tipo de de cosas dentro yo digo mira si no tienes que preocuparte legalmente por ninguna bronca con tipografías y así no te van a afectar a vos de los clientes pequeños eso es algo que quizás ustedes no no van a tener problemas pero ya clientes de cierto perfil así ya que por ejemplo digan minas y trabando proyecto para una nación cr hoy o algo así ya hay uno tiene que decir guau postear quizás sea bueno que yo utilicé un uno de esos proyectos de servicios como adobe donde yo puedo agregar estas tipografías este como se llama a mi proyecto de hecho adobe tiene eso o sea yo cuando estoy aquí y yo digo mira mira esta chapa real me fascina a utilizar en mi proyecto entonces ya uno vas cogiendo las familias google tiene eso y google obviamente las sirve porque en google es google y esas tipografías tienen licencias para ser utilizadas como no las quieren pero adobe también ofrece lo mismo y tiene una selección de tipografías muchísimo mayor que google entonces este yo voy viendo acá y yo voy diciendo ok este está definitivamente no y voy a utilizar regular ita liq y bolt nada más porque eso es lo que va a tener mi texto entonces yo le agrego aquí en mi proyecto y digamos aquí uso mira sj y borrando esta y y borró todas estos es que eso sí no me gusta del té adobe que agrega todas las familias que tiene entonces yo aquí está una cosa muy importante tomar en cuenta es el peso entre más vaya agregando usted más pesado va a ser su sitio entonces yo también de no trató de mantenerlo en 34 pesos y estilos para una misma familia ok entonces aquí estoy feliz y digo que esto me gusta entonces yo creo el proyecto acá y ellos de una vez me tiran en el css este para ello incluirlo dentro de mi sitio web en este caso aquí lo copio lo copié y esto lo en pasto en en mi sitio wordpress y ya puedo utilizar declararlas utilizando estas propiedades de acá y eso es parte de lo bonito del servicio de los que tienen adobe los que tienen la licencia excluir el cloud y esto viene incluido y lo pueden utilizar los que no tiene un plan gratuito donde usted puede postear un número de que son por visitas por mes por proyecto cómo se llama también puede importar está tipografía es a su computadora que es una de las cosas que más me gusta pero por el momento no lo vamos a hacer aquí entonces eso eso se lo voy a explicar acá si ustedes le dan a este botoncito acá ustedes activan esta tipografía y inmediatamente ahora te va a decir más la tipografía está disponible para que usted lo utilice entonces yo ya la puedo este ir utilizando en él en cómo se llama en illustrator o en cualquier programa de adobe por eso yo le digo que este tipo de servicios o licencias es bueno pasarles el costo total al cliente a la hora de ofrecer el hosting mira que incluye el hospedaje web incluye las tipografías de problemas legales elemento legal y le dice para que no se metan en problemas etcétera etcétera entonces yo ya lo tengo aquí ahora como se ve esto un sitio web aquí está el proyecto este final entonces yo ya esto fue lo que yo diseñé para el cliente entonces ustedes ya me estoy usando mucho x de perdón porque soy chico entonces ya aquí ustedes pueden ver el sitio web con las tipografías que yo utilicé entonces si se ve cuál se ve bien me gusta como se ve y el cliente no te va a decir mucho pero uno llega a este proceso para escoger una tipografía final y va a decir y y se siente satisfecho de que ha elegido la mejor tipografía este posible basado lo que uno como como diseñador sabe entonces aquí como podrán ver osea yo utilizo próxima nueva para títulos de utilizó para links pero el body copy como tal no es algo que la gente mayoritariamente va a leer es esta tipografía que se llama hecha para el propio y en mi opinión este es muy muy bien ok el siguiente ejemplo es la jerarquía entonces ya llegamos a este punto llegó más ok llegamos este aquí voy a utilizar este próxima no agua utiliza chaparral a qué tamaños ok esto es importante porque yo les voy a hablar un poco de la jerarquía o sea hay cosas que tienen más relevancia dentro de un documento web o sea y eso fue parte de las razones por las cuales se creó los títulos h1 h2 h3 y así sucesivamente lo ideal es asignarle un tamaño a cada uno y quedarse con ese tamaño a lo largo de todo el documento en esto como desarrollador tienen que ser lo más consistentes posibles porque yo a veces he visto que a veces le ponen 10 temas le ponen 15 de aquí y al margen acá le ponen 18 horas y al otro margen aquí le ponen este 24 y usted y usted comienza a preguntar y stacey más ver porque hace sonidos de ilan y no te pueden contestar y vas a tener un documento con diferentes tamaños sin explicación alguna oa veces he visto que se utilizan curva a veces se utilizan llamar no la tengo parís telerman a veces este tiene secciones grandes con cómo se llaman con take on line y otras las tienen con normal y volvemos al punto de la jerarquía sea cuál es la jerarquía porque ese pedazo está en el like y los dos están itálicos porque ellos ya cuál es cuál es su argumento argumento cuáles son su proceso para llegar a esa decisión y esto es muy bueno también porque cuando el cliente le dice yo quiero poner aquí en en poner esa hora por la negrita todos televisión o miradas que esto sigue una jerarquía y luego la jerarquía se ve muchos documentos que uno interactúa casi que todos los días como por ejemplo los libros o sea existen nuevos títulos de los libros capítulos y así sucesivamente entonces uno tiene que establecer una jerarquía y por gráfica a la hora de empezar entonces yo en este mismo documento voy diciendo eso o sea yo voy diciendo que lo que voy a utilizar y eso también es válido para los colores pero obviamente es el mismo de hoy es solo tipografía entonces yo voy a utilizar un título 1 y luego asignar un tamaño de este 72 píxeles y entonces yo siendo ok el título 2 yo voy a asignarle un tamaño de 48 título 2 voy a asignar un tamaño de 48 o que porque esos números porque yo utilizo estos números bueno yo útil una una base tipográfica una escala hay muchísimas escalas hay gente que utiliza este cómo se llama la secuencia fibonacci hay otros que usan el número de pi hay otros que usan octavo un quinto y así sucesivamente yo utilizo múltiplos de 1.5 si ustedes se ponen a pensar entre 72 y 48 ahí hay un múltiplo de 1.5 si yo lo he vivido entre perdón perdón 72 y 48 pues hay un hay un múltiplo de 1.5 amigos me gusta utilizar el múltiplo de múltiplo de 1.5 aquí tengo 24 si usted multiplica 24 x por 1.5 te va a dar 36 pero 24 es múltiplo de 48 y de 72 entonces yo voy utilizando matemática para decir ok va a tener estos tamaños ok en que ahora el título 3 le voy a asignar este a este le asignó un tamaño de 36 y ahora 26 y a título 4 le oí asignando un tamaño de 24 porque entonces ya tengo mi jerarquía tipográfica ok tengo mi jerarquía tipográfica aquí lista definida y una cosa que me gusta mucho utilizar no tiene por qué hacerlo pero a mí me gusta mucho es que usualmente los títulos más pequeños si les asignó este un valor en en mayúscula y eso lo pueden ver en el ejemplo que que les puse aquí en adobe x de aquí lo pueden ver en mayúscula porque así le doy un poquito más de fuerza al punto y no se me diluye este tanto por ser en minúscula hay una tipografía más pequeña que está aquí que es una mega vincha que el número uno esas cines sobresalen pero ésta es como la de por ejemplo eran los botones estas del tamaño 24 y la utilizo mayúscula de nuevo no hay reglas que tengan que establecer o sean sus omni reglas es unas cosas que yo a la hora de diseñar aquí el punto importante y súper súper importante es que ustedes sean consistentes o sea que utilicen este mismo tamaño de acá para los botones que utilicen este mismo tamaño para los títulos que utilice por ejemplo este mismo tamaño para los sistemas de menús porque entonces eso es lo que ustedes tienen que lograr y a la hora de hacer el proyecto y a la hora de comenzar a desarrollar es bueno que establezca en eso al puro por inicio y así van esté haciendo el sitio desarrollando declarándole en css en función de eso ok este y eso es básicamente mi proceso yo utilizo una cosa que se llama mucho el ritmo tipográfico pero yo creo que no pagaron estoy ok que servicios utilizo ok yo utilizo google en este caso google fons aquí google phone si ustedes me imagino que lo han utilizado ustedes entran acá los van seleccionando y y la va subiendo en tres semanas me gusta este estilo me gusta este estilo me gusta este estilo y este final este este botoncillo que se llama en bet copian el código igual lo ponen en su sitio web y ya pueden utilizar la familia utilizando estas reglas de acá entonces cuál es la ventaja google que es gratis que google es google tiene bastantes fuentes tipografías y yo tengo que admitirlo pero este realmente tiene una selección bastante amplia yo en eso no voy a hablar más de google tiene una selección súper amplia y es una buena selección es una buena selección en esto también que quiero decirles este y eso es una recomendación mía sí o sea hay ser hay sitio web como da font da font resulta que usted ve todas esas barras y usted ve tipografías y usted las puede descargar pero de nuevo volvemos a lavar o sea el hecho que sea gratis no significa que sea bueno y típicamente las tipografías que hay aquí en la font son son bastantes y simplona sociedad son tipografías gratinada no es no es algo que usted le va a poner mucho trabajo y va a ser mucho esfuerzo este para para cómo se llama para la comunidad en cambio de la de google si tienen que seguir un estándar o sea es una cuestión llamémosla de prestigio o sea venir aquí está ser un diseñador de tipografías de google de lo mismo que pasó y ya sentar fondo entonces yo realmente sitios cómoda font no no no no me gusta utilizarlos para la obra de utilizar proyectos pero entonces yo utilizo google font que es gratuito ok yo ya me dije que está éste en mi presentación estática que ahora es conocido como alphonse de nuevo tienen un plan gratuito y tienen un plan que va incluido en la licencia incluir el cloud entonces este yo a la hora de elegirlas yo las exportó y lasaña del proyecto web y luego las sirvo con el url que ellos me dan existe también este que se llama font puntocom que es de acá es este no se tiene pertenece pero me gusta mucho porque creo que es gratuito también esté donde está eso está como por aquí no sé eso está acá eso está en algún lado tiene que verlo pero lo que me gusta de esto es que a veces hay fuentes que no están en adobe y tampoco en google que volvemos saludo a lo que le dije de caballo de troya yo por ejemplo utilizo mucho esta tipografía que yo vivo eternamente enamorado que se llama este a venir a venir entonces yo utilizo mucho a venir de mis proyectos porque esa tipografía me vuelve loco y trato de así como abstenerse de utilizarla cada vez que hago el proyecto web pero a veces la necesito y yo digo mandela sacó entonces esta gente lo tiene y usted lo puede costear con ellos ellos tienen también paquetes y ustedes lo ven acá estoy acá y creo que esta vez aquí lo ve ebook mobile app y server y de stock y nos tiene para web vamos a ver no se le agrega aquí [Música] obviamente los precios son caros pero eso es cuando usted las compra por eso también es otra razón actual es de utilizar servicios como adobe o sea que usted puede importar las tipografías de dvorak a iván incluidas en el paquete que uno tiene porque igual las podría comprar pero ustedes por tener a venir o sea me gusta tanto pero no tanto ok pero yo creo que ellos tienen este paquete es emblema es que yo en esto lo dejé aquí está sobre el dolor aquí está bueno entonces lo puede utilizar acá y eso se le agrega un proyecto web y le dice cuál proyecto quiere aquí está un montón de proyectos en no utilizado estas tipografías y es exactamente el mismo proceso sobre lo que es el servicio de fondos puntocom ellos tienen una suscripción también mensual y así sucesivamente luego yo sé que estas cosas involucran más gastos pero es como que los impuestos se va a subir un poco más sus servicios que incluyen ese gasto y gramela gente la gente lo paga si la gente no paga la gente lo paga y y ya está eso es así entonces yo utilizo estos tres hay este otras otros servicios pues aquí entre mi notas el peso de nuevo no no no no vayan a agregar 70.000 firmas familias y porque si no se te va a ser un problema google quien esa es a esa cosa eso sí me gusta de google sabe eso lo tenía muy no tengo por aquí y les llama de esa barra pesan el doctor no lo tiene aunque google también tiene esto muy bonito y vamos a hablando es un poco que se llama perrings o sea con que combina bien esta tipografía lo cual me conlleva este a mi siguiente es laico se le inspira y su persuasión que utilizó yo para también para ver inspiración no sé tampoco es que que yo digo mira voy a haber time face aquí como 10 horas cuando yo empecé este proyecto de cómo se llama de este cliente de death y su playbook yo ya más o menos sabía que yo quería utilizar este está que se llama próxima nova entonces estos sitios de acá esos sitios que se utilizan son básicamente como galerías de tipografías uno de mis favoritos ese es the time punto yo entonces usted cuando usted va acá y usted lo va viendo el agente va tirando este para comentarles un poco más el te va tirando este proyecto debatirán los proyectos y te van tirando este las tipografías que tenés aquí a los lados entonces ya uno va viendo y nuevamente y nos va analizando y aquí ya lo puede ver como un ejemplo real y hecho creo que esto es un buen punto de partida para las personas que quieren esté mejor o sea mejorar esta parte quieren introducir este flujo de trabajo dentro de sus diseños y pues pueden ver pueden ver ejemplos que están en la vida real que entonces aquí yo digo esto maestra es esto estos dos son de google y yo la tengo aquí en imagen se ven pero así pues bárbaras entendés entonces ya lo dice esta me gusta esta yo ya digo no y así vas así partiendo vas viendo y va tomando una decisión está también me parece preciosa va muy muy muy bien con el mensaje con conclusión con lo que a mí me gusta estéticamente y poder darle clic acá y abrirse el sitio web otra cosa también que firefox te ofrece bueno firefox y chrome no puede abrir el sitio web aquí y digamos uno dice maestras este tipo grafía me fascina entonces cuál es esta qué tamaño es entonces usted aquí inspector la mente en google y firefox y tiene un tap aquí que se llama fons y aquí la puede ver porque esto es en este caso el más utilizado una tipografía 41 line height de 52 vez este esto esto es diferente a lo que yo utilizo el más está utilizando un tamaño de 40 yo aquí hubiese utilizado 49 84 no hubiese utilizado 48 e inutilizado 48 para el mismo tamaño esto varía de lo que él hizo él y sacar 40 y el iphone 52 no esas son las decisiones que él toma yo personalmente ruiz ha tomado este 48 y 48 como altura precisamente porque un trabajo múltiplos de este 16 y de 24 y esos números son son que tienen ese múltiplo consistente ya sea un número entero o en variación de 1.5 y aquí también igual puedes ver acá las inspectoras la mente y puedes ver este el cómo se llama en la tipografía que lo utilizo vez aquí yo discrepo con imágenes además está utilizando redes wi-fi yo trato en utilizar fin para mis proyectos de diseño web por lo tanto llega a esta definitivamente yo no utilizar esto claro que no que entonces esto sitio está acá este fonsi news externos al hilo fonsi news es básicamente lo mismo fonsi news.com aquí nos ves pero esto tiene que ver un poco más con diseño gráfico como tal este es realmente no me gusta tanto como como time punto pondrá yo me encanta también me gusta mucho ir a andreu como activo y volverme loco y pone de aquí como este para ser un sign in entonces yo pongo aquí como por ejemplo web design coca y éste se aumenta un toque y buscó este está este tanto aquí que se llama teknografik pues ya cuando esto me abre yo viviendo y voy diciendo más está si me cuadra de este más aquí este me gusta me gusta es la tipografía me llama la atención y así voy viendo o sea viendo voy viendo volviendo volviendo y éste voy sacando las tipografías y ahora cual tipografía es cual a veces cuando uno abre aquí a leer los comentarios la gente pregunta porque de jesús es un buen brett es best work with and what is yet peso entonces emana un hostelero y uno va viendo que el tipo de font evento mundo pregunta cuál es la tipografía entonces éste yo ahí ya el maestro lo dice y listo vamos a ver ok igual hay sitios que te pueden identificar cuál es la tipografía uno de los que yo uso es 4 font puntocom cuánto fondos y 64 font entonces utilizó este cuanto font y activos suizo una imagen y él más o menos te identifica este cual tipografía es a veces pega a veces no tienes que tener este como se llama un rey una buena imagen para poder subirla y listo pues ok qué más da este igual fonte este me gusta mucho que estáis book esta imagen que tiene de hecho tiene una versión de paga que yo nunca le ha pagado mantienen una guía súper guapo con igual aquí vas viendo vas viendo vas viendo vas viendo y va diciendo me gusta no me gusta en este caso casi ninguna me está gustando el mantero navarra virtuales aquí abajo habrá una de las cosas que me gusta tanto a yo es que si usted le da clic por ejemplo vamos a utilizar esta red way si usted da clic a rowing el trabajo y todas las tipografías en todos los ejemplos que él tiene en este caso tiene 33 ejemplos con la tipografía de red wifi de yo veo esto yo digo o by catch esto es mucho se ve preciosa entonces eso es muy buen ver ente no sea ése me gusta mucho ok bay cambio aquí el más invierte ex o pensantes que es google y reubique es éste el google también la tos o ningún puesto les dije que google hace buenas tipografías entonces aquí batiendo las cosas en acción aunque esté mal tiene lo mismo creo que es aquí abajo y aquí puedes ver cómo esté las tipografías que uno utiliza en este caso yo soy próxima no a próxima nueva súper popular popular pero a mí me siguen gustando muchísimos años después de 13 páginas y no habiendo o sea es viendo observando tatata y llegando a un proceso final es cómo hago para insertar todas estas cosas este dentro del sitio web entonces tengo tres preguntas y las que bueno dice la primera cuando un cliente pide tipografía moderna se refiere a típicamente se refiere a no ser ifa sheriff no sé lipasam 010 sans-serif o palo seko dice melissa si estás al sherif sanse bien el francés que significa sin sin sin sheriff a quien cualquier te pide moderna es eso sí y cuando que significa activar y desactivar el fondo a dónde creo que usted la mencionó cuando estaba hablando sobre y aquí es activar y desactivar con eso decimos esto lo que hago es que cuando ya no la puedo la no la necesito más la puedes activar y ya no la puede utilizar en mi suite de adobe es que obviamente con según el plan que uno tiene con un adobe uno puede tener una cantidad de familias creo que es activas al mismo tiempo plan gratuito te permite porque esto lo que yo me permite hacer es obviamente yo necesito ver estas fuentes en mi computadora si yo no quiero ver aquí esto también es útil cuando uno está diseñando lobos porque cuando yo veo esta tipografía yo la necesito pasar de aquí acá o sea y aquí necesito para ofrecer a sitios o sea cuánto voy a durar yo buscando esta está tipografía gratis en algún sitio hay pirateado torrent wareus ya juzgar moondomain entonces ahora ofrece estos tipos de servicios nos ofrece gratis y los ofrece de pago entonces uno puede activar una cantidad limitada de tipografías otros seis horas es más activo las usó acá llegó un veredicto dijo que hay definitivamente me gusta o no me gusta y después la desactivó este aquí en este mismo botón o me puedo ir aquí arriba a abrir el sweet down y creo que eso está en marcha pons aquí ves aquí están todas las que yo tengo activas todas las tengo activas ok ahora según según su experiencia por ejemplo a lo que veo es que se usan un máximo de dos fuentes por sitio uno para títulos y otro para párrafos 3 si ya estoy muy volado y dibujo ahora esto se ve espectacular porque obviamente y volviendo al slide jerarquías de jerarquías exacto que tamaños y hacia dónde o sea cuáles son los títulos y cuáles son acá puede ser que yo incluya una tercera como un título 3 de nuevo esos eso es parte de jugar pero yo pienso que es más seguro es más seguro exacto lograr una consistencia con menos tipografías entonces se utiliza 21 a estar bien yo para títulos utilizo bout o black depende o sea utilizó algo que sea fuerte y para acá como les dije utilizo regular casi nunca delgada numeración y nunca ahora qué pasa si como desarrollador uno decide usar sólo un tipo efecto para todo el sitio sea un tipo de sus orificios válidos esos trascendidos y para pagados eso es totalmente válido sea totalmente válido pero aquí volvemos a la cuestión de la jerarquía como hago yo si por ejemplo esto fuera esto fuera si esto fuera así ok qué pasa si yo hago todas estas de aquí que estoy haciendo aquí todas son regulares todas estas son regulares y vamos a hacer es también vamos a usted vamos a lo que elvis próxima porque íbamos a aumentar este toque más todas estas son las mismas son el mismo peso pero es lo único que realmente cambia el tamaño entonces aquí o sea no hay mucho contraste entre un título y un título grande y la tipografía aparte del tamaño en cambio si yo utilizo peso para denotar ahí ya estoy hablando un poco más como entonces si si usted si usted utiliza una misma familia trate de jugar con el peso y obviamente con con el estilo pues puede ser que miseria mental arraiga ok voy a usar estas de bilbao y tal y kaká o sea que a mí no me gusta mucho pero puede ser que le sirva puede ser que se vea bien pero si utiliza una misma familia si yo jugaría con el peso y la última si álex cuánto puede costar un análisis de tipografía para una página como ver todo el sitio entero y debe estar reventando las tipografías yo ese tipo de cosas prefiero cobrar las por ahora entonces cuando yo voy a lo desconocido o veo que pueden salir muchas culebras ahí cuando empiezo a abrir cosas ahí que el código este cobro por ahora lo de un estimado en cuanto más o menos voy a lograr porque quien te sigue él quiere saber cuánto cuánto va a costar pero yo trato de jugar lo seguro es y lo recordó por ahora y más o menos estimó canas de tantas horas si se me pasa las horas del toque similares que tú situaciones estoy estoy es fiesta y no me están tiempo necesito un par de horas más entonces en eso sí es una tira y encoge ok excelente yo creo que con esto terminamos esta ronda y puede seguir con encajar ok por abierta ok entonces es hora de insertarse en wordpress o sea cómo hago para insertar esto en wordpress entonces puede utilizar plugin o puedo utilizar el limpia ok yo como soy desarrolladores utilice limpiar pero este voy a también mostrar este cómo utilizar plugins para eso trae mi laptop porque allí estaba como trabajando y este estaba viendo este qué plugins me parecían interesantes ok entonces los que me gustaron realmente así que luego igual porque yo yo tengo yo esto lo íntegro y nuestro explicar es también esto yo cuando voy haciendo el sitio youtube éste css yo no voy a meter yo hago yo hago el tema como tal entonces yo ya la tipografía ya la tengo ya metidas en el css pero yo soy consciente de que quizás ustedes utilicen un vivero utilice un tema hecho por un tercero y quieren insertar esas tipografías entonces tienen dos opciones o sea pueden utilizar un plugin para para hacerlo o pueden utilizar en libia y como tal entonces vamos a hacer primero los plugins o que el primero que usó que vi que me gustó es uno que se llama es éste es este este plug ins y uno que me gustó mucho es este que se llama christine y si fox y si forms de esta gente de paita link fonsi sifontes está acá está acá éste obviamente trabaja solo con tipografías de google lo que me gusta de éste me gustó bastante es que usted puede verlos las tipografías en acción en aquí y pierce y se va a costumbres y cuando te va a sacar lo puedes ver aquí entonces aquí abrir el type o perfil y ya puedes ver aquí podrás decir que para que ninguno esté quiero que si yo no voto porque quiero robot o ves y este para lo quiero en 500 que es más o menos como el peso estándar de cómo se llama de es el peso estándar para una tipografía que es regular y digo sí sí está bien me parece fenomenal entonces para que ninguno aquí quiero usar tal vez esté pensando o pensando dígito acá qué pasa y no sé por qué no sirvió [Música] créame está funcionando no sé por qué ayer sí me funcionó pero me gustó mucho es éste porque puede que no sean que ninguno se siente ahora de 600 o pensantes si aquí digo pensando que aquí yo digo no me gusta es más fuerte el el body copy que el texto como tal el título entonces aquí yo voy con 800 aquí le digo a mí no me gusta mucho pero llegará ok está perfecto vámonos entonces aquí también tengo la posibilidad de cambiarle él operation lo veréis entonces este plugin me gustó mucho porque te permite hacer las cosas así sobre el tema mismo y lo que al día siguiente en dos toques ese me fascinó el otro que me gustó es este gente de fondos plugin voy para atrás vamos a quitarnos entonces uno no puede hacer truco con este plugin y lo pueda utilizar el dashboard de wordpress lo cual me pareció muy bonito otro que me gustó fue este que se llama fondos plugin sounds los fans d esta gente que es casi que la misma funcionalidad es utilizando este la de google en el internet contigo [Música] aunque entonces tiene la misma este tiene la misma funcionalidad esto es puro spam hoy aquí igual debe estar acá y tiene los settings en donde no puede jugar con ellos especificamos aquí los variables y usando ariel pero pero se supone que que uno puede utilizar la de la de google en este caso me gusta que se yo piti sanz está piti sanz esto lo hago porque yo me la hace y hay perdón y para jennings me gusta utilizar o pensantes por ejemplo esto ya lo actual y sweet y pim pam pum entonces eso me gusta porque dos toques usted tiene control sobre la tipografía y los puede cambiar en el en el sitio entero y aquí bueno hable sólo de google correcto también está time it entonces para time 10 de que quede justo que se llama costó un power fons constan de fonz y usted lo busca instalac a este me gustó mucho esta gente y esta gente también tiene plugin para para agregar sus propios tipografías para unos subirlas pero no les estoy énfasis en el tema legal y obviamente tiene que tener las licencias para hacerlo porque si no se pueden meter en problemas y no conciliaba este piratería ni nada entonces tienes que tener problemas este sirve parece un toque más complejo porque creo que [Música] no cómo era este se me olvidó este era settings aquí está lo veo aquí pero yo creo que esto necesitas irte este a adobe fons y obtener el aire y el proyecto en este caso yo no tenía como por aquí mayáns abierto kings iphones project aquí y creo que esté más exacto clic acá y entonces esto lo que pegó aquí y tú entonces ya este lo tengo ok ves aquí si te cito que estoy pegado a un cierto tema entonces en este si no fue tan tan tan papel sobre sí si este definitivamente no entonces yo en plugins no soy como muy ducho yo lo que hubiera hecho este yo lo que hago es que yo yo se ha hecho de un plugin y como viene aquí en tanto en google como en adobe si ustedes bien tienen éxito de aquí verdad quieren esta línea acá que es para insertar el estado sí y en google también la tienen qué es esto de aquí para hacer un poquito más grande entonces yo lo que hubiese hecho es y como soy desarrollador de corazón yo lo que hubiera hecho era que me hubiera ido al sitio como tal en este caso donde estamos mil veces votado el content plugins y hubiera hecho font found plugin ok yo he hecho un plugin guitar y es copiado destacar y vamos a hacerlo rápido así como así bien bonito entonces yo era abierto el editor de aquí aquí tengo este index está acá y voy a declarar un plugin mío propio voy a copiar el código rápido ok ok hubiera hecho hasta aquí name forms para hacerles un poquito más grande al estar acá formes plugin descripción para meter fondos para pillos ok y texto main no le pongo nada pongo entonces aquí lo tengo y entonces me voy para acá para para los plugins sacar este bien aquí está lo activo obviamente no me hace nada y aquí es dónde viene la parte interesante o sea cómo hago este para que eso esté funcione porque entonces para que eso funcione yo necesito insertar este ss este esta línea de código necesito insertarla como como css dentro del tema como tal entonces ok como como como logró eso entonces para lograr eso y voy a hablar un poquito de de cómo se llama the fox como tal básicamente lo que necesito es un hub que me inserté este él esta función de acá ok son estas funciones de aquí que entonces yo voy a copiar esto lo explica paso a paso eso es un juego en este caso el hub necesita una función font function cb porque y esto es un hub que se llama w de 2013 y esta es la función que voy a ejecutar que en este caso va a ser ésta sea esta es la función que voy a correr y esto esto de aquí se llama reyes usted font styles ta ta ta ta ta ta y que lo que hago yo y yo nada más copio y pego el url que tengo acá que es este ejercicio de acá ese es tema sencillo acá y lo pongo aquí es tema definitiva todo lo necesito entonces con esto ya esté el plugin debería de inyectarme este la tipografía este me la debería inyectar en el tema entonces como verificó eso si yo me voy aquí el sitio web de the milk of san josé y le hoy aquí al código y busco take it no sé si lo ven está aquí si se ve entonces aquí no bueno aquí estoy aumentando lo más que puedas y tamaño super saiyans pero si ustedes no ven a carlos tenemos seleccionado pero ahí lo ven gran sistema como ésta falló 300 ok entonces esta línea acá ya me inyecto el css que yo necesito es de que es el css que es precisamente este que hago de 22 30 h no sé qué que se la di entonces si yo veo aquí el código como tal yo no lo veo aquí que es para ir para atrás s d h hasta que no lo ven qué lástima bueno la cosa es que por medio de este código que yo hago aquí que es el registro estado yo estoy inyectando ese este url que es el que ha dado me da para inyectarlo en el tema así lo prometo como css directamente ahora ya lo tengo listo entonces qué hago entonces me voy aquí a plugins y ya lo tengo muy a pérez y me voy al editor de conservar él el editor de tema aquí aquí ha dicho la css entonces yo aquí le digo h 2 quiero que sea este chaparral entonces ahí ya declaró que aquí en adobe le digo cómo se utiliza el electrón yectos se utiliza como es que las reglas entonces yo copio esto que dice font family y chapinero sheriff y esto lo voy a pegar acá entonces usted ve que me cambio aquí me cambió entonces yo con este ese es el que voy metiendo pero diciendo me puse me utilice está este tipo de rafia de que si quito esta línea el margen me va cambiando igual con google o sea así yo con google digo me gusta esta del acto con este montón de peso nuestro 700 mil pesos igual me voy acá me voy a font styles digamos que a esto lo voy a llamar font styles adobe aquí en esta forma styles de google verdad google estos son funciones que lo que hacen es inyectar códigos los bucs hacen eso entonces yo aquí lo estoy inyectando estos estados y es que necesita la tipografía para correr entonces aquí ya lo estoy haciendo para entonces ya ahora ya tengo a la hora de refrescar fitch y el de google debería estar por lo de sister ya está vamos a ver vamos a ver a buscar cómo era que se buscaba aquí fondo punto vamos a buscar esto pero bueno es el mismo principio que realizar ese código pero es el mismo principio salió inyectó la tipografías y nada más los aumentos con este plugin que acaba hacer en yo lo hago así y ya si necesito editar el aire de la mano voy a mi plugin y editó este aire a cambio lo que tiene que ver por las olas comillas que utilice no tiene problema como por aquí [Música] no vamos a hablar de ritmo tipográfica coche ya creo que ya es suficiente el nuevo tipo gráfico tiene que ver así silva a groso modo tiene que ver con el espaciado que hay entre las letras si ustedes jamás voy a poner así como por encima si ustedes ven este documento quién xd si los coreanos así pueden ver apreciar estas como estos cuadritos que están aquí los ven y si se ven sí exacto eso es lo que hago yo es que yo voy posicionando la fuente sobre estos cuadritos entonces eso me hace que si ustedes ven todo el diseño siempre hay un espaciado que va de acuerdo al tamaño de esas cuadrículas a esas cuadrículas vienen establecidas con el tamaño de tipografías que yo hice a la hora de definir mi jerarquía entonces eso me hace que el espaciado del diseño sea muy muy fluido pero en eso ya terminé muchísimas preguntas por favor este es mi twitter consulta y con el inco grado halo no sé si tienen preguntas ya pueden empezar a hacerlas por acá con respecto al tema que estamos que se está tratando yo tengo una pregunta por acá adelante marta muchísimas gracias por por esta explicación de verdad que aprendí que hay detrás de las fuentes muchísimos conocimientos y muchísimas cosas que yo personalmente y creo que se estaba en pañales condición parece hacer mi primer website que lo monte en 1995 pero en serio el tema de la el tema de las fuentes sin embargo me sorprendió bastante que en el proceso de inserción y en el trabajo que usted siempre hizo hablo de puntos y de píxels y todo eso y en ningún momento mencionó el tamaño rem para las fuentes para eso yo creo que es también la razón porque tiene que cuidar las pulgas soy súper sincero 95 y y le voy a hacer súper honesto tiene que ver con las malas públicas que como desarrollador tengo porque cuando yo empecé a infusionar me mucho ya en el tema tipografía red no era oficialmente adoptado como de todos los navegadores estaba listo de internet explorer entonces yo por una cuestión de malas pulgas seguir con con m y en eso tiene absolutamente toda la razón básica bien pero no no tiene absolutamente toda la razón yo puedo utilizar una unidad red para definir dentro del documento y trabajar en función de eso para explicarles a todos este el reino es una propiedad de css3 de css3 perdón que me permite este utilizar un tamaño relativo al rut entonces por milk asilo porque cada vez que yo cambio el tamaño tipográfico me van cambiando las propiedades relativas que quiero decir con eso vamos a ponerlo así como un ejemplo aquí como visual si yo tengo un elemento aquí aquí entonces es verdad entonces si yo digo son seis si yo utilizo un m si utilizo 2m y utilizo line height de por ejemplo 12m también entonces aquí hay un problema de suite especificando que este tamaño va a ser más grande va a ser de 2 m pero esta siguiente propiedad aquí va a ser relativa a esto que acaba de declarar acá entonces esto este valor de aquí no es 32 como uno pensaba porque ok vamos a lo básico 1 m son 16 píxeles en casi que todos los navegadores o que uno puede utilizar valores relativos o valores exactos ok cuando uno utiliza el relativos quiere decir esos son relativos a lo que a la css como tal entonces 1 m son más o menos al consumo 16 píxeles entonces cuando yo digo que el tamaño font size es 2 m aquí le estoy diciendo que va a ser 32 píxeles más o menos va a ser exacto hace 32 15 la mente pero ésta está de acá no va a ser 32 no va a ser 32 va a ser 64 porque porque cuando yo cambio el tamaño de la tipografía relativa me cambian todas las demás propiedades dentro de ese selector entonces esto va a ser 64 entonces si yo quiero que esto tenga un tamaño de 32 necesito declarar a esto como un 1 en l entonces ahí ya estoy logrando ese tamaño deseado ok entonces lo que cuánto no buscar quiere decir es que hay una propiedad en css que que se llama red entonces cuando usted declara eso no tiene que ser esa aritmética tan complicada que que uno tiene que seguir para lograr la consistencia porque eso hace que el tamaño sea relativo al documento al brutal al rut como tal en este caso el body entonces si yo utilizo font-size a mí lo que me queda poco claro mociones donde es que declaró el rey si es en el pariente oeste en el dijo es en el pariente verdad pues de los dos es que el rebote ósea básicamente todos los browsers vienen con un estándar de 16 pixels por el tamaño de fuente están y eso es una unidad básica ese es el performance también en el a 12 personas h 6 5 4 3 2 1 que son si usted los define en el m entonces el h 6 es ese multi copero del h5 perdón elásticos es el múltiplo del h 6 el h 4 dependerá del h5 el h1 dependerá del h2 porque va en cascada si corresponden para quemar paula va de que 1 m de 32 y en el nivel siguiente perdón 12 m en un nivel y 12m sm el siguiente nivel realmente está multiplicando por cuatro en el caso de los remos en el caso de los rem no se multiplica con respecto al nivel anterior sino con respecto a la base de 16 entonces un md 16 12 ms 32 rain es 32 3 reem etcétera etcétera etcétera ahora ese 16 se puede variar muy fácilmente cuando no a los settings del browser en donde uno define el tamaño estándar de la fuente que quiere utilizar por defoe en el browser y eso tiene mucho que ver presentemos con un tema también muy interesante que quisiera yo era que algún día se tocará que es el tema de accesibilidad correcto pero para para recapitular si eso es sobre los hijos o sea aquí como como les dije anteriormente cuando yo utilizo m acá estos 32 como dice acá y cuando utilizo 12 m aquí esto sería 64 porque es relativo a este a este pero si yo cambio esta propiedad a reims así entonces aquí sí es 32 porque es relativo al documento al body como tal que lo declaren como 1m y esté acá sí lo puedo poner como 2 rehn porque estoy diciendo que sea relativo al fruto o sea leeré el aire es es es el diminutivo para ruth entonces aquí si tengo 64 píxeles y tengo 32 píxeles pero tengo 32 píxeles y así es como cómo está la cosa pero yo así eso se suma la pulga don oscar no estoy cambiando porque ha sido un poco un poco región eso sigue utilizando el destino de aquel entonces en aquel entonces interior explore él no lo aguantaba entonces yo decía usted se imagina yo escribiendo rem y gm dos veces para aguantar internet explorer y para aguantar los otros navegadores yo creo que yo creo que un punto como se podría hacer en el futuro vamos a ver si yo me voy aquí a canales que es una de las cosas que también utilizó rem decidieron a tiene una tiene un soporte del 99% local a mí me parece un número totalmente esté accesible ves aquí aquí en internet explorer 9 y el 10 no no no lo soportaban en aquel entonces y como estamos hablando 95 que yo pueda ir del 2010-2011 de estos estos dos navegadores eran bastante concurrentes entonces yo dije no no la verdad que no me lo voy a jugar con redes y seguí con el mes y nunca he hecho la conversión pero se sabe que debería hacerlo ahora cs d le está saludando al señor oscar de mí de miami este más preguntas fuera y chicos a ver quién quiere abrir creo que si ya no hay más preguntas lo que podemos hacer es sacar de terminar con las conclusiones cerrar a la transmisión en vivo y ya pasar a la parte más al networking muy bien igual en el working se puede contestar preguntas a mí bajito diga min quieres hacer una conclusión eso sí estén buscando mi conclusión la conclusión yo diría que la conclusión aquí es como cada vez que doy un vino o algún worldcup de yo considero que que como dijo mosca no sólo el remo sea es bueno incursionar se poco poco en estas cosas ir cambiando un poco las la forma en que hacemos las cosas que que porque he hecho cuando yo digo no se ha hecho si yo soy un diseñador web pero también pusieron que mucho lo que hago es un trabajo muy artesanal o sea es algo que hoy con los años mejorando y voy haciendo prácticas y voy haciendo cositas aquí con si estás acá entonces mi conclusión sería que eso sea que agarren un poquito de de luz que lo que hablen y vayan metiendo lo poco a poco y con ustedes se van a dar cuenta de ya están pero medir hasta el fondo y osea que es éste hay gente que me dice es que es muy obsesivo pero es un trabajo que uno al final dice ok no tiene justificación para defender lo que hizo y las decisiones piloto comparan para llegar al final es que ese es un pilar fundamental del diseño de las tipografías y los otros componentes que aquí hemos visto entonces sí a manera de conclusión con también de mi parte pues son muchos los temas que se ven este y aquí tenemos una gran biblioteca de ve aquí interesantes sobre el tema o grafía edad como para otro mirar más ver a marco supongo sí claro sí sí sí sí qin gang su estilo y la tipografía es algo que hemos utilizado pero desde los tiempos de jesucristo antes y eso va cambiando conforme el tiempo va transcurriendo y viene siendo un ingrediente muy importante para que las recetas éxitos al final de cuentas el deseo es parte de la accesibilidad o sea es parte de todo entonces de mi parte marco muchas gracias por el tiempo cuando le propuse cuando lo supuse el tema yo sabía que era algo que estaba haciendo falta en la biblioteca que tenemos y me encabrona la actitud que tenía porque él ya tenía tu tema ahora y yo no pero porque no habla de fuentes y el campana bs es un tema que me apasiona mucho y yo realmente usualmente cuando así a modo de personal no sé a veces me gusta mucho también cuando voy a lugares que he visitado y ciudades o atracciones o hasta aquí mismo aquí en el país uno va viendo las las tipografías y va viendo las decisiones que se toman es que eso no importante las decisiones que uno toma obviamente éste sigue o sea me gusta mucho ver las tipografías de metro por ejemplo londres o parís o las de aeropuertos también que es muy interesante los signos que utilizan en los aeropuertos para para dirigir el tráfico porque todas esas cosas van comunicando al cliente y tiene que ser en una forma que que logre su cometido nos dice mayra un guevara en facebook muchas gracias muy bien explicación 1 si se desconocía normalmente sólo se usaba la tipografía del tema es algo muy amplio y antes de pensar que era sólo para diseñadores gráficos ahora ya ya aprendimos que no bueno yo de mi parte muchas gracias a todas las personas que se conectaron tanto en facebook como en el sacar un tiempo para aprender acá por medio del show muchas gracias a marco por todo el desarrollo del tema yo de trabajo a con marc con varios proyectos y siempre ha notado esa pasión que él tiene esa esa dedicación por las fuentes que utilizan y la verdad que decir la verdad que en ese punto y muy bueno muy buen tema muy buen desarrollo del tema también creo que por hoy ya cerramos mal que eres el terminal pues nos vemos el sábado nos vemos el próximo martes empezamos el agosto así que los esperamos perfecto de buscar e invitar y ximo a seguir nuestros eventos porque por ejemplo agosto es passarella septiembre eso es accesibilidad así que implicadísimo a seguir a seguir conectados a nuestro show entonces de mi parte muchas gracias a todos los que se conectaron y de aquí damos terminada la transmisión en zoom en facebook ya paro y lista la grabación

Noticias relacionadas