 Bueno, vamos a continuar con el traje de diseño del Príncipe de Osorio, ya queda poquito para el café. Así que, ánimo, de todas formas tenemos una charla muy interesante de Ana Cirujano, que va a hacer nada menos que pleno en toda la overcam dando charlas de España este año. Así que, aquí tenemos que ir. Y además se encarga de las partes de comunidad también, el líder del tipo de diseño de Warpre en España, yo ahí estuve con ella y fue genial. Nunca he estado en la mesa de diseño y me encantó. Así que, ánimo, de la próxima overcam que vayáis, y si está ya claro que hay, con los que hay el diseño dentro de Warpre. Ella es diseñadora visual, de interacción, y nos dejó con ella que nos va a contar sobre fuentes variables, a ver qué se trata esto, que el futuro de la tipografía parece. Muchas gracias, Ana. Bueno, lo primero, muchas gracias a todos por estar aquí, para haber decidido esta conencia, y espero que os guste. Lo vais a permitir que des las gracias especialmente a mis cuatro días, que son de aquí de verdad, que han venido a Overcam. Y se están cantando Warpre y si esto es, gracias a todos. Digo, bueno, como habéis oído me ha recorrido toda España, pero al final, para llegar aquí... La bien compadre. Bueno, ya me ha presentado Darien, así que voy a empezar directamente a la ponencia, no tenemos mucho tiempo. Lo que voy a hacer es una introducción para que conozcamos lo que son las fuentes variables, cómo se utilizan, para que sirven y me gustaría volver otra vez, para hacer un taller más largo en la mitad de una hora y media, para que podamos construir una tipografía si alguien se atreve. Así que vamos a ver lo que es esto de las fuentes variables que creo que va a ser el futuro de agua. Vamos a empezar con un poco de historia y voy a explicar un poco el concepto, que es tipografía. Vemos aquí dos textos, tienen el texto es el mismo, el de la izquierda no sabemos ni qué es un texto, parece una mancha, sino vamos el otro, aunque no quedamos, el diseñador se ha preocupado tanto en comunicar, que aunque no quedamos, ya hemos leído el título. Incluso nos ha llevado la traducción y hemos leído también la detradilla, los distintos títulos de los apartados, porque este texto tiene tratamiento tipográfico, sino paro este no lo toque. Eso es el diseño, como decían mis compañeras, el diseño no es poner las cosas bonitas, el diseño es función comunicable. Y la tipografía se encarga del tratamiento de los textos, ya no solo elegir un tipo de letra, sino también elegir un tamaño, un terlineado, un ancho de la línea, destacar, como decía Mónica Geral, quizás la jerarquía es muy importante para saber cuándo tengo que mirar, qué tengo que leer primero, qué es más importante. Y tradicionalmente, sabéis que la tipografía tiene 500 años de historia, desde que Gutemberg no inventó la imprenta, lo inventaron los coreanos, pero la popularizó en Europa. Desde hace 550 años tenemos la imprenta y toda esa sabiduría no se ha podido aplicar a la web, porque se primaba la velocidad de la carga de la página frente a poder hacer un buen tratamiento del diseño. Al principio, en el 96, cuando más o menos la charla de casares, que estábamos ahí con la consola y todo esto, estaba en el fuente del sistema, se lo podíamos utilizar, Taoma, Taglio Roman, Arial, tipografías, que los usuarios tuvieran en sus ordenadores. Sin embargo, a partir del 2005 ya salió el OpenTime, que ahora veremos lo que es, y a partir del 2010 ya podemos utilizar otras tipografías personalizadas, con la de platform Face, de CSS, donde más aparecen servicios en los que no tenemos que alojar la tipografía en nuestro servidor, sino que podemos utilizar tipografías que están instaladas en otros servidores. Va a hacer la tipografía, pero aún así siempre prima la velocidad de carga de la página. Nosotros, cuando decimos que un texto tiene que ir en lendita, o tiene que ir inclusiva, o tiene que tener un peso, un grosor mayor, cuando intentamos jerarquizar, para que una de estas decisiones que tomamos que utilizar un archivo distinto. Si os fijáis, estos son distintos archivos que utilizamos para la futura. Sería futura light, para utilizar la cursiva finita. Ya cambia de archivo, no utilizo solo una tipografía de futura, una fuente de futura. Tengo que utilizar, si quisiera esas variaciones, utilizaría para cada variación un archivo distinto. Lo que sí tenemos, gracias a las características OpenTime, podemos utilizar estas características, que si utilizamos la imprenta, para cuidar, por ejemplo, para poder hacer los novelades, para poder escribir tres cuartos. Si nos lo permite, el archivo OpenTime, que vemos ahora que es muy importante. Gracias a... Las fuentes variables no son un nuevo tipo de archivo, son el formato OpenTime. Lo que pasa es que le añaden más tablas, para poder utilizar todas estas variaciones en un único archivo. Microsoft, Google, Apple y Adobe, los grandes de internet, los que están manejando el cotar ahora, se han unido para diseñar, desarrollar estas nuevas tablas dentro del formato OpenTime. Por eso, ha tenido una imprimitación tan rápida, porque nacen 2016, pero lo están haciendo los que hacen los navegadores, los que hacen las herramientas que nos permitan exceder a las páginas web. Entonces, cuando artes, tenemos que utilizar estos archivos, ahora solo utilizamos uno. Entonces, ¿qué es una fuente variable? Primero, ¿qué es una fuente? La diferencia entre tipografía y fuente, porque no podemos hablar de tipografía variable. La tipografía es la que utilicemos, la que queramos utilizar. Pero sí, la fuente, porque nos estamos refiriendo a esto, ¿de dónde viene la palabra fuente? Habéis preguntado por qué las tipografías en informáticas en el llamado fuentes, porque vienen de francés, de fundición. Entonces, fue una mala traducción. Lo que se utilizaba antes, de internet, son las fuentes, normalmente, las fundiciones, porque eran tipos de plomo lo que se utilizaba para hacer tipografía. Entonces, una fuente, tenían cajones y cogían los tipos de plomo y los iban componiendo en la caja. Claro, esto es una fuente, estos otros, son fundiciones diferentes, fonts. Fonts se les ocurrió traducirlo como fuentes, en vez de como fundiciones. Por eso, en castellano, se llaman fuentes. Y por eso fuente, cuando hablamos de fuente, nos referimos a exactamente eso. El nombre de la tipografía, negrita, condensada, negrita expandida, eso son las variaciones dentro de los fuentes. Luego, variaciones en las fuentes hemos tenido, desde siempre, desde que utilizábamos los tipos de plomo. Pero ahora, utilizamos todo ese potencial en un único archivo. ¿Y qué significa eso para la web? Resumido, ¿no? La variable es una única fuente que se comporta como si fueran muchas. ¿Qué significa para la web que utilizemos solo un archivo? Que la velocidad de carga de la página se reduce considerablemente. Utilizando esta tipografía de William Franklin, distintos pesos en una web, tenemos la velocidad de carga de 9,89 segundos. Utilizando las mismas variaciones, pero con un único archivo, tenemos la velocidad de carga de la página de 2,49. Es algo muy importante que es que nuestras páginas carguen rápido. Las variaciones en nuestra web sin sacrificar la velocidad de carga de la página. Entonces, ¿qué conseguimos con las fuentes valientes? ¿Qué conseguimos? Hacemos menos peticiones al servidor porque ya no solo es cuando descargamos una tipografía en la web, descarga nuestro navegador para mostrarnos la página web, hacemos una petición al servidor, le decimos al servidor que nos entrega ese archivo para poder verlo. Entonces, hacemos solo una petición, además los archivos son más pequeños, con lo cual ganamos mayor velocidad de carga y hacemos una hora el consumo de datos. Cuando estamos visitando lo con el móvil, además el consumo de datos importa. Si estás con un regalo con wifi, no te importa tanto, pero ahora internet es mayoritariamente móvil, con lo cual eso nos interesa muchísimo. ¿Qué conseguimos con estas ventajas en la velocidad de carga? En la web podemos conseguir una mejor experiencia de usuario y tenemos más versatilidad porque podemos hacer todas estas variaciones y además veremos que también se pueden hacer animaciones CSS. Las fuentes variables a estas variaciones se les llama ejes. Vamos a ver que tenemos 5 ejes en los que podemos hacer variaciones de manera predeterminada, estándar. No hay infinitos ejes personalizados, pero hay 5 que están definidos de manera predeterminada. ¿Qué es el peso de una fuente? Lo fina o negrita, que sea. Hay un vanico de posibilidades, desde cien hasta 900, antes había este vanico. Ahora con las fuentes variables podemos hacer de 1 a 99 con un cuartillo. Porque esto es muy importante además con las fuentes variables de peso, de grosor de la letra de manera adecuada. Cuando el diseñador de tipos diseña una letra y hace una visión negrita no le amplía el trazo simplemente sino que tiene en cuenta que la letra no se empaste que se vea bien. Si os fijáis esto sería añadir simplemente el grosor y esto sería la presión óptica que hay que hacer para que el trazo se vea bien cuando la letra es pequeña. Y esto lo podemos hacer con las fuentes variables. Esta presentación la vamos a hacer disponible y en cada presentación hay un enlace al recurso para que podáis investigar más. Ahora es simplemente que lo conozcáis pero si queréis profundizar en cada diapositiva está puesto un enlace para más información y para verlo más en detalle. Aquí lo podemos ver también que sería la letra de Opersam de la tipografía FFM y vemos los diferentes pesos vemos que el dibujo de la forma es diferente. O sea que es importante hacer un buen tratamiento para que haya una vallor de su habilidad y una forma más adecuada de la letra. Así es como se construye para los más friquis de la tipografía vemos cómo se va adaptando con unos deltas que estían los nodros en los que se va adaptando el dibujo vectores, sabes que las letras se dibujan como cualquier dibujo con los vectores se va haciendo una ura hay que lo veríamos en un plano más en detalle como os digo hay enlaces para más información y se llama nefes porque vas haciendo de menor a mayor de manera visual para entenderlo mejor pues lo han llamado ejes también vemos que se utilizan utilizó la referencia alquijote como casares me he hecho bastante gracia veis que con los deslizadores podemos ver cómo vamos cambiando el peso de la web los diseñadores de estos tipos han pensado en solucionar los problemas del diseñador si tengo de cero a 90 es de 199 cuánto grosor le pongo cuando vaya a elegir el grosor para la tipografía de web cuánto le pongo 400, 500 600 instancias nombradas para que elijamos simplemente regular, light que no tengamos que estar elegiendo un número porque no tenemos porque saber que número sería el idónel hay instancias nombradas no tienes que estar elegiendo de todo el eje sino que puedes elegir unas instancias que el diseñador ya ha considerado que son adecuadas el segundo de los 5 pesos es la anchura hay letras que o tipografías que son más potensadas o más expandidas podemos hacer esta elección el tamaño óptico es una cosa apasionante esto se utilizaba sobre todo antes en la tipografía de la presa cuando cambia el tamaño sabemos que podemos seleccionar se suele utilizar una escada 8, 9, 10, 11, 12 14, 18 16, 18, 24 el dibujo de la letra del tamaño 12 es distinto del tamaño 72 no es simplemente un escalado el dibujo es diferente porque a tamaños pequeños no se le pueden poner tantos adornos a la letra el dibujo para que a tamaños pequeños se vea aire y ahora con los fuentes variables esto lo podemos conseguir en nuestra lo podemos hacer en nuestra página web aquí vemos otro ejemplo de cómo van cambiando el dibujo de la letra para que sea para menor legibilidad de tamaños pequeños esto es otro ejemplo más otro ejemplo más vemos como las formas esto sería para tamaños pequeños las formas cuando el tamaño es más grande y cuando el tamaño es más estas formas se pueden hacer cuando la letra es muy grande pero cuando la letra es pequeña no tenemos tanto detalle porque se perdería no veríamos hacer como a un pixel solo existe, tiene mínimo un pixel hacemos todo más tosco para cuando es a tamaños pequeños aquí vemos un ejemplo de cómo cambiaron la forma de la letra en función del tamaño se me ha quedado pillado el vídeo de otros dos ejes los dos últimos ejes que tenemos de manera predefinida la inclinación y la cursiva a ver que no es lo mismo una letra cursiva no es solo una letra inclinada la letra cursiva cambia para ser cursiva y tenemos estos dos ejes también no he cogido el ejemplo porque es o cursiva o no cursiva representaciones de los ejes hay mucho freaky y esto ¿cómo lo representaríamos para explicar? simplemente eso esto me parece una fricada y los ejes personalizados ¿cómo lo representamos en un plano 3D? ¿cómo funcionan? ¿cómo las puedo utilizar en la web? bueno en la web y también en los programas de diseño como Illustrator, Photoshop y Nisei todavía no están trabajando en ello en estos programas por ejemplo de Illustrator vamos a tener los tiradores y lo vamos a elegir lo puedo utilizar en mi web no vamos a poder ver con cualquier navegador es una cosa que ya están dando soporte podríamos decir que sí hay bastante soporte podríamos decir que sí hay algunas de las características de algunos de los ejes que no se soportan en todos los navegadores pero más o menos podemos decir que sí, que sí lo podemos utilizar aunque todavía no vamos a ver ahora qué es lo que tenemos que hacer para dar soporte si queréis mañana ya probar en nuestra web una fuente variable, podéis ir a GitHub a través de este enlace y descargar la fuente sourceSans en variable con estas características añadidas en la tabla de un pen type descargamos el archivo tenemos que salir con una extensión TrueType a Wolf2 que es el más optimizado y para convertirlo no podemos utilizar fonsquirre que sabes que es una plataforma para convertir tipo de afías no podemos utilizar ese porque no te cogerías características variables sería una sourceSans normal entonces tenemos que utilizar un programa MITA que lo dejo hoy en nombre o directamente para rondar con Dios nos vamos a una página que sabemos que utiliza esta fuente variable a sourceSans y lo descargamos directamente la podemos utilizar porque es una fuente con licencia de código abierto Open sourceSans que se me va a abrir el prensor en un evento de grupos y qué tenemos que hacer en la hoja de estilos tenemos que adaptar desde la local phone face tenemos que utilizar un fullback para que si, utilizamos este usuario que utiliza un navegador que lo soporta utilice Wolf2Variations sino que utiliza la Wolf2 normal e incluso yo también añadiría que no sea Wolf2 que sea Wolf porque Wolf2 tampoco está de todo 100% soportada después, estos tres ejes tenemos que indicar el rango porque si no te queda fijo 400 que es el standard si que de 400 no podríamos variar indicar el rango para que el navegador sepa en qué rango se puede mover eso no te queda aunque no me voy a delitar el peso, el destilo bueno, lo que decía tampoco me voy a repetir tenemos que nombrar el rango para que el navegador sepa que se puede mover y es importante que no se lo subida y indicar vale qué valores les podemos dar a los ejes como comentaba antes para decir cursiva si es cursiva o no no podemos hacerla un poquito más cursivada o menos el tamaño óptico también si queremos que aplique el tamaño óptico o no la inclinación sí podemos decir dar una recreación de 45 grados de lo que queramos el peso como comentaba antes 199 y el ancho 100%, 50%, 200% para muy estrecho muy condensado o muy expandido se escriben con estas se declaran con estas letras en minúscula con estas codios y tenemos que decir bueno, ponemos el nombre de la clase, de lo que ya pasa a aplicar y luego nombrando así esto sería un ejemplo si queremos decir que tenga ancho 400 y peso 75 lo haríamos así de momento hay que hacerlo así con estos tan poco amigables de las 4 letras raras que no sabemos ni producir pero porque es un todavía es un valor de bajo nivel cuando los navegadores estén un poco más avanzados y tienen más soporte a los fuertes variables para utilizar como todos conocemos el font style este es nuevo pero el font style si lo conocemos ya lo utilizamos font web también lo podemos utilizar y font stretch pero de momento no lo utilizaríamos así mucho más amigable que lo de las 4 letras de momento utilizamos las anteriores los de arriba y ahora vamos a ver que aparte de estos 5 que ya se han utilizado tradicionalmente se pueden hacer ejes personalizados el diseñador de la tipografía puede inventarse cualquier tipo de variación en la letra vemos variaciones que normalmente no se hacían pero que nos pueden servir para darle creatividad a nuestros diseños también habría que decir que de manera responsable pero es impresionante que tú puedas hacer esa variación en tu letra a lo mejor para hacer alguna composición más animada artística ya no tanto por rejuvenidad con los 5 reservados que hemos utilizado siempre de variaciones que siempre hemos hecho en función del dispositivo y pues podemos ver de variaciones muy creativas hay más pues voy a seguir creo hype para que luego vayáis a casa y luego descanales lo de una fuente que tiene un montón de ejes personalizados que el diseñador de la tipografía ha experimentado y ha hecho todas estas bilgerías cuando utilizamos una fuente variable que tiene todos estos ejes personalizados tenemos que utilizar las cústulas, las 4 letras y tenemos que declarar siempre aunque no vayamos a hacer ninguna variación en el eje siempre tenemos que declarar el valor 0 si no quieres hacer ningún cambio en este eje da igual, lo tienes que declarar y poner 0 porque si no se va a ir al tamaño estándar que no sabemos cuáles aunque no lo vayamos a modificar tenemos que declararlos todos esto es una cosa muy guay porque habla en la palabra nueva que es serifada una tipografía más serifada o menos serifada sabe la diferencia entre las tipografías de palo seco que son sin serifas o las tipografías con adornos que son las tipografías con serifas ahora podemos hacer un cambio en función del tamaño o de otro por otros motivos para un dispositivo para otro podemos hacer que sea más serifada vamos a ver el ejemplo de uso porque si que bien que podemos hacer tantas variaciones pero algún ejemplo de bueno y para qué me puede servir a mi en mi web utilizar estas fuentes por ejemplo podemos utilizar una fuente más seria, más dura cuando estamos hablando de noticias serias y cuando haremos de noticias más agradables utilizamos una tipografía más agradable sabemos que las tipografías cuentan cosas que en función de elegir una tipografía o otra estamos dando un mensaje hay cosas que la tipografía dice que las palabras no pueden decir y con esto podemos decir mucho más y esto a mi me parece impresionante podemos hacer animaciones de este tipo, esto es una letra esto es una A pero en vez de dibujar una A el diseñador ha dibujado un caballo entre otras de este caballo hay historia, no sé si alguien conoce el caballo de Williams puedes pintar y veis también una versión en font color que es bastante chula así esto es una fuente variable el archivo abierto puedes ver cómo está hecho la fuente variable sabes que esa animación está hecha con muchos fotogramas distintos concretamente 16 fotograma vamos a llamar y simplemente acá es la lengua del caballo con vectores haces todas esas 16 fotogramas y luego a través de css no animas como una animación de css normal que pasa que estás haciendo una animación superchula con una letra y con css y eso no pesa nada es una corofón y una variable font es una de las animaciones ¿por qué estas tan serios? no sé bueno pues que cuando yo hice una animación de css normal como se diría con tipo grafía variable bueno en casa pinchais en casa buena oficina y lo es mejor este es un otro también que está utilizando una fuente variable que lo interesante es que utiliza el eje personalizado de la anchura para ordenadores, para escritorio una fuente expandida y cuando está para móviles o pantalla más estrecha a través de una media query utiliza un formato más condensado también pinchais y vais al ejemplo y podéis verlo esto es impresionante porque claro como ahora podemos utilizar en nuestros dispositivos podemos medir la distancia a la que está el lector pues en función de la distancia del lector está cambiando el tamaño de la letra es impresionante bueno creo que no sé tengo que ver el vídeo lo vamos a ver un segundo pero tengo que decir que se active el vídeo para el sensor de la luz y en función de la luz que haya cambia la tipografía para ser más legible siglo XXI impresionante el eje que está variando es el eje grade el peso la suma destinada a cada letra no cambia el diseño porque no sigue ocupando cada letra lo mismo pero sí cambia el peso el grosor de cada letra en función de 7 más luz o menos luz recursos para que juguéis con las fuentes variadas axis praxis que sé que hemos utilizado antes variable fonts play.timedetail.com aquí también podemos incluso cambiar escribir hacer los diseños que queramos un play round font values bueno, está siempre podéis hacer clic entonces cargáis el pdf y tenéis todos los vídeos y tal que es un crack de las fuentes variables y según va haciendo avances nos va publicando aquí en code pen aquí podemos ver el código de todas las animaciones e incluso utilizarlo en nuestros propios diseños y es un de verdad impresionante cuando se ha dicho que teníamos que declarar los ejes de cuando hay una fuente personalizada teníamos que declarar todos los ejes que tenga la fuente y poner el valor 0 si no utilizamos un eje por si ya pero yo como sé que ejes tiene una fuente variable que me he descargado, donde veo la documentación las instrucciones, donde están las instrucciones de la fuente por bienes y instrucciones pero podemos arrastrar el archivo de la fuente a esta página y en esta página nos dicen los ejes que tiene y cómo se utilizan, qué grados qué variaciones podemos hacer si queréis diseñar una fuente variable veis que no necesitáis ser diseñadores de tipografía para hacer una perfecta podéis calcar el dibujo de un caballo o el dibujo que queráis incluso copiar y pegar un vector de donde sea y hacer las variaciones animados, no lo tengáis miedo, utilizadlo os dejo aquí un tutorial de una herramienta Glyphs, que es paramar pero es un tutorial paso a paso de cómo crear una fuente variable y os aseguro que es bastante sencillo espero que las utilicéis como fue la presentación en mi pregunta era un poco más a nivel de usuario o desarrollador ¿Cómo está el tema del soporte de Google Fonts? Quiero decir, algunas de ellas se están adaptando se van a adaptar todas, van a hacer otras fuentes o si hay algo que no implique tener que convertir la fuente y todo lo que nos has contado tiene que haber un diseñador de tipos que haga la fuente pero hay bastantes en los recursos que os he dado hay un montón de fuentes se puedes cargar y pensar realmente ahora no hay tantas fuentes variables como hay fuentes pero quien acaba de saber lo que es una fuente variable de los que estéis aquí si, pero yo iba más en la dirección es que se me ha pensado muy nuevo es más en la dirección de si están trabajando en una versión de roboto o del ato si, software ya existe o sea, sin algún momento va a estar soportado igual que lo está ahora simplemente lo encolas, llamas al cdmd de Google y te lo hace y te lo coge de ahí me refiero más si eso está en el ritmo o está más cerca porque la parte de tener que descargar de la convertirla y subirla claro, eso sí tú ahora mismo ya hay una Google Font que es variable si, si, yo voy a hacer algo difícil, no? cuando te encuentres con ese problema que hago bueno, te descargas pero si, si, ya en Google Fonts hay una variable si, si, hay una, pero claro es que hay una fuente variable y 28000 que no es variable porque es una cosa muy nueva pero yo creo que va a ser muy va a cambiar la forma en la que hemos diseñado un web yo creo que es una revolución porque ahora hemos visto que podemos hacer esto porque ya no significa por la velocidad de carga de la web para tener un buen diseño ahora cuando queremos hacer buena tipografía ya no pensamos en que como vas a marcar 5 archivos para poner 5 pesos distintos en función claro, no puede ser una fiesta de 18 pesos en la misma vista pero es que tú en un sitio web puedes tener distintas necesidades y además cargar a lo mejor una variación para cada dispositivo es distinto no cargas todo a la vez sino que en un ipad se descargaría sería un peso, perdón se descarga un archivo pero en un ipad un peso entonces ahora y más que ya vamos enterando de que esto existe pues lo utilizo y utiliza algo más pero como he dicho antes están los gigantes detrás de esto una tecnología que es de 2016 esté aquí en verde esto es impresionante como ya lo había visto es muy muy rápido el soporte que le están dando a los fuentes variables pero sabes por qué? porque les interesa porque ellos tienen servidores entonces quieren que la velocidad de carga la velocidad y carga de los sitios web sean lo más rápido posible también pese al usuario como siempre la reyes de la tipografía yo creo que lo que comentaba Naguay que seguro que lo va a solucionar es decir se van a ir adaptando lo más rápido que puedan porque al final todos intentamos que sea fácil y que lo podamos encolar no sé si cuando tú tienes la suerte que un diseño puedes tirar con una única tipografía en diferentes pesos y tú lo coges por el phones tirando de la url que te pasa como si fuera cdm ahí entiendo que es una única llamada y no retardaría tanto pero bueno, no soy un experto de acción no no no cuando tú cargas un iPhone si quieres pinzar la cursiva a un peso diferente haces tres peticiones diferentes siempre se ha hecho con un archivo para una variación es que el dibujo es distinto son archivos distintos son tres peticiones es distinto no es que el navegador lo adapte lo está yendo a buscar tres veces yo te quería preguntar sobre optical size el que perdona el optical size no es en donde me voy bien lo que lo pregunto es que se está buscando como donde se ve el mejor la tipografía la jubilidad la jubilidad para que no se pierda ninguna parte para que podamos identificar la imagen para que se vea bien porque el dibujo es diferente el tamaño óptico es una cosa que existe en la fotografía desde siempre cualquier diseño de editorial que haga libros sabe que es el tamaño óptico porque sabemos que no todas las tipografías no todos los diseños de este tipo se han preocupado de hacerlo así pero en las buenas tú te fijas la del 12 puntos es diferente que la de 72 puntos puede tener más detalle pero como me pongas detalle en un milímetros que no lo veo entonces la forma tiene menos detalle tiene más grosor para que no se pierda para que no se aplaste cuando se lo activa te queda ni que muchas gracias felicidad de ser una bueno gracias paulo maquino hay una pregunta cuando estás empezando a ver los tutoriales personalizados y has dicho que no es todo siempre con un poco de control y procurar no mover estas cosas que no hayas bebido pero tu como tipografa que sabe el trabajazo que tiene enseñada una tipografía y que de repente que todos esos parámetros podés ser identificables y que de alguna forma se pierda la esencia con la que ha sido diseñada la esencia de la tipografía tiene parte de su sentido tú puedes hacer defines de los ejes está bastante acotado lo que puede hacer el usuario final eso lo define el diseñador de la tipografía yo puedo decir que de cerrarlo me siento que no me entiendo pero en los ejes yo defino cómo se comporta tú haces cada fotograma clave cada instancia en este caso tú decides como es no te voy a hacer ninguna forma a lo largo del eje que yo no vea que es correcta tú solo vas a poder elegir lo más diferente el rango puede ser lo más grande o pequeño que yo quiera y además existen lo que comentaba que si tú no sabes poner 400 o 100 pues dices pero si se lo que es más condensado o más expandido pero si al final el diseñador tiene control la tipografía de coba tiene muchísimos varios ejes tiene 15 ejes cuando utilizas esto es que es experimental cuando utilizarías eso en planos pero no lo utilizarías en la obra de un periódico gracias a ti bueno primero gracias porque nos cuentas cosas como las técnicas muchas gracias te habría sentido realizar un poco el rizo en una fonte variable varias tipos no creo que sea tan yo creo que dos peticiones está aferrando fuente para mí alguien que sepa mucho de caché si de todas formas no vale entonces el otro lado bueno gracias a treve luego creo que dos peticiones podemos hacer yo en las webs puedes hacer una web con una sola tipografía pero normalmente pues dices dos, una para los títulos y otra para los párrafos son dos peticiones estamos vamos a las caray en mil segundos muy con esa tipografía una tipografía es una tipografía a ver si pones un eje personal que sea que cambia totalmente pues es un eje personalizado si quieres que te atenga si, si mirad lo que hacemos ahora es el css a lo mejor tenemos cinco fichados css y en final lo compiramos una minificación sería algo así creo que no tiene sentido porque podemos hacerlo en un nuevo eje y si cambia totalmente la naturaleza de la tipografía entonces es otra tipografía bueno mi opinión personal pero no se a lo mejor pues si si si vas a hacer el que más rápido lo ha el concurso pues entonces lo mismo archivo pero se puede hacer, si, claro, se puede hacer tú haces un nuevo eje tienes todo tu catálogo tipográfico en un solo archivo pues a lo mejor se puede por los pasajes y pones en cada fiel algo muy diferente podría ser, quizás bueno me quedo sin tiempo lo siento si, si, yo me esta por aquí todo el día y no se las te pasa osea que después tengo confianza contigo muchísimas gracias bueno muchas gracias