SlideShare una empresa de Scribd logo
1 de 37
Descargar para leer sin conexión
Mejora la UX y la WPO
de tu web con el plugin
para fuentes variables
Ana Cirujano | WordCamp Chiclana 2020
Fuentes variables
Ejes reservados (5)
Weight (Peso)
Width (Anchura)
Optical Size (Peso óptico)
Slant (Inclinación)
Italic (Cursiva)
Ejes personalizados (∞)
Serif (Serifa)
Monospace (Monoespaciado)
…
https://es.wordpress.org/plugins/mowomo-variable-fonts/
Mejora la UX y la WPO de tu web con un plugin de fuentes variables

Más contenido relacionado

Más de Ana Cirujano

Vaca, xovenca e pucha: fuentes variables en WordPress
Vaca, xovenca e pucha: fuentes variables en WordPressVaca, xovenca e pucha: fuentes variables en WordPress
Vaca, xovenca e pucha: fuentes variables en WordPressAna Cirujano
 
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intentoDiseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intentoAna Cirujano
 
Elige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu webElige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu webAna Cirujano
 
Ahorra tiempo y no diseñes desde cero
Ahorra tiempo y no diseñes desde ceroAhorra tiempo y no diseñes desde cero
Ahorra tiempo y no diseñes desde ceroAna Cirujano
 
Better UX and WPO using variable fonts in WordPress
Better UX and WPO using variable fonts in WordPressBetter UX and WPO using variable fonts in WordPress
Better UX and WPO using variable fonts in WordPressAna Cirujano
 
Cómo acertar al elegir el tipo de letra de tu web
Cómo acertar al elegir el tipo de letra de tu webCómo acertar al elegir el tipo de letra de tu web
Cómo acertar al elegir el tipo de letra de tu webAna Cirujano
 
Llamar a la acción, a la emoción y a la sensación
Llamar a la acción, a la emoción y a la sensaciónLlamar a la acción, a la emoción y a la sensación
Llamar a la acción, a la emoción y a la sensaciónAna Cirujano
 
Variable fonts: the future of web design
Variable fonts: the future of web designVariable fonts: the future of web design
Variable fonts: the future of web designAna Cirujano
 
Deja de abusar de Photoshop: trata las imágenes con CSS
Deja de abusar de Photoshop: trata las imágenes con CSSDeja de abusar de Photoshop: trata las imágenes con CSS
Deja de abusar de Photoshop: trata las imágenes con CSSAna Cirujano
 
Ortotipografía para WordPress
Ortotipografía para WordPressOrtotipografía para WordPress
Ortotipografía para WordPressAna Cirujano
 
¿Cómo se diseña una web y cuánto cuesta?
¿Cómo se diseña una web y cuánto cuesta?¿Cómo se diseña una web y cuánto cuesta?
¿Cómo se diseña una web y cuánto cuesta?Ana Cirujano
 
Ana Cirujano: Fuentes variables, el futuro de la tipografía web
Ana Cirujano: Fuentes variables, el futuro de la tipografía webAna Cirujano: Fuentes variables, el futuro de la tipografía web
Ana Cirujano: Fuentes variables, el futuro de la tipografía webAna Cirujano
 
¿Puede la tipografía aumentar las ventas de tu tienda online?
¿Puede la tipografía aumentar las ventas de tu tienda online?¿Puede la tipografía aumentar las ventas de tu tienda online?
¿Puede la tipografía aumentar las ventas de tu tienda online?Ana Cirujano
 
Bloguero, cuidado con el lock-in
Bloguero, cuidado con el lock-inBloguero, cuidado con el lock-in
Bloguero, cuidado con el lock-inAna Cirujano
 
Mejora el diseño de tu web: Tipografía responsive
Mejora el diseño de tu web: Tipografía responsiveMejora el diseño de tu web: Tipografía responsive
Mejora el diseño de tu web: Tipografía responsiveAna Cirujano
 
Tipografía Responsive - WC Zaragoza 2018
Tipografía Responsive - WC Zaragoza 2018Tipografía Responsive - WC Zaragoza 2018
Tipografía Responsive - WC Zaragoza 2018Ana Cirujano
 

Más de Ana Cirujano (16)

Vaca, xovenca e pucha: fuentes variables en WordPress
Vaca, xovenca e pucha: fuentes variables en WordPressVaca, xovenca e pucha: fuentes variables en WordPress
Vaca, xovenca e pucha: fuentes variables en WordPress
 
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intentoDiseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
 
Elige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu webElige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu web
 
Ahorra tiempo y no diseñes desde cero
Ahorra tiempo y no diseñes desde ceroAhorra tiempo y no diseñes desde cero
Ahorra tiempo y no diseñes desde cero
 
Better UX and WPO using variable fonts in WordPress
Better UX and WPO using variable fonts in WordPressBetter UX and WPO using variable fonts in WordPress
Better UX and WPO using variable fonts in WordPress
 
Cómo acertar al elegir el tipo de letra de tu web
Cómo acertar al elegir el tipo de letra de tu webCómo acertar al elegir el tipo de letra de tu web
Cómo acertar al elegir el tipo de letra de tu web
 
Llamar a la acción, a la emoción y a la sensación
Llamar a la acción, a la emoción y a la sensaciónLlamar a la acción, a la emoción y a la sensación
Llamar a la acción, a la emoción y a la sensación
 
Variable fonts: the future of web design
Variable fonts: the future of web designVariable fonts: the future of web design
Variable fonts: the future of web design
 
Deja de abusar de Photoshop: trata las imágenes con CSS
Deja de abusar de Photoshop: trata las imágenes con CSSDeja de abusar de Photoshop: trata las imágenes con CSS
Deja de abusar de Photoshop: trata las imágenes con CSS
 
Ortotipografía para WordPress
Ortotipografía para WordPressOrtotipografía para WordPress
Ortotipografía para WordPress
 
¿Cómo se diseña una web y cuánto cuesta?
¿Cómo se diseña una web y cuánto cuesta?¿Cómo se diseña una web y cuánto cuesta?
¿Cómo se diseña una web y cuánto cuesta?
 
Ana Cirujano: Fuentes variables, el futuro de la tipografía web
Ana Cirujano: Fuentes variables, el futuro de la tipografía webAna Cirujano: Fuentes variables, el futuro de la tipografía web
Ana Cirujano: Fuentes variables, el futuro de la tipografía web
 
¿Puede la tipografía aumentar las ventas de tu tienda online?
¿Puede la tipografía aumentar las ventas de tu tienda online?¿Puede la tipografía aumentar las ventas de tu tienda online?
¿Puede la tipografía aumentar las ventas de tu tienda online?
 
Bloguero, cuidado con el lock-in
Bloguero, cuidado con el lock-inBloguero, cuidado con el lock-in
Bloguero, cuidado con el lock-in
 
Mejora el diseño de tu web: Tipografía responsive
Mejora el diseño de tu web: Tipografía responsiveMejora el diseño de tu web: Tipografía responsive
Mejora el diseño de tu web: Tipografía responsive
 
Tipografía Responsive - WC Zaragoza 2018
Tipografía Responsive - WC Zaragoza 2018Tipografía Responsive - WC Zaragoza 2018
Tipografía Responsive - WC Zaragoza 2018
 

Último

PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECESTADISTICAHDIVINAPR
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresKengYoshiIngaOchoa1
 
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 añosMilagrosMnstx
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadratc070603hmcmrha7
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadDiosymarSuarez
 
dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.JimenaPozo3
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDAdiawaraplast
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxjuanenriquetorresjua
 
Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfjuandavidbello432
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxVanessaPobletePoblet
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxYeissonRINCONRIVERA
 
decoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESdecoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESMairaLasso1
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...UNACH - Facultad de Arquitectura.
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxPercyTineoPongo1
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelomabel perez
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfrociomoral626
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptxStiugaRoberturux
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 

Último (20)

PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
 
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la Modernidad
 
dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
 
Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdf
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptx
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptx
 
decoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESdecoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONES
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelo
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 

Mejora la UX y la WPO de tu web con un plugin de fuentes variables