Soporte » Guías – Resolución de problemas » AJUSTE DE TEXTO PC-TABLET-TEL

  • Resuelto dilegnostore

    (@dilegnostore)


    Buenos días. Soy novato en la edición de páginas y me encuentro con un problema, tengo un texto con un tamaño determinado en el editor de página, sin embargo, este tamaño en px se mantiene en tablet y teléfono, conservando el mismo aspecto del mismo en las diferentes plataformas.
    Quería saber como es posible que el tamaño de esta fuente se modifique según desde donde se acceda, desde pc, tablet o teléfono.

    De antemano, gracias.

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Hola

    Eso lo consigues con CSS:

    CSS media queries

    Responsive Web Design – Media Queries

    Tienes también generadores online que te pueden ayudar, busca en Google responsive media query generator y encontrarás unos cuantos.

    Aparte de lo anterior, si usas Gutenberg puedes controlar que bloques se ven en el dispositivo del usuario con el plugin:

    Gutenberg Page Building Toolkit – EditorsKit

    Y uno que te permite usar fuentes variables y definir los tamaños por dispositivo:

    mowomo Variable Fonts

    Si instalas este último verás los ajustes en

    Escritorio > Apariencia > Personalizar > mowomo Variable Fonts

    Donde podrás escoger entre siete fuentes que maneja el plugin para definir cuál usas y con que propiedades en cada tipo de dispositivo.

    Si con esto aclaras tu duda, por favor, comenta que opción te fue válida y recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

    Buenos días José!. Efectivamente la que mas me ha funcionado ha sido mowomo variable fonts, sin embargo, este me limita sólo a las fuentes que este maneja por defecto. Me gustaría saber si hay posibilidad de cambiar las fuentes ya que yo tenía una fuente tomada de google fonts y que la había aplicado por medio de código CSS.
    Gracias.

    No, no es posible porque el plugin al ser de fuentes variables tiene que controlar cada parámetro de la fuente, y son diferentes para cada una.

    Si alguna de esas fuentes te sirve para tu web es la mejor opción porque no carga todas las variaciones de las fuentes y hace menos peticiones al sistema, pero tiene esa limitación, el tratamiento de las fuentes es individualizado.

    La otra opción es hacerlo manualmente con media queries

    Hola José! estuve investigando y logré encontrar una solución alternativa. Con el plugin yellow pencil, la versión gratuita tiene unas pequeñas limitaciones pero es bastante completa.
    Gracias por la ayuda!.

    Hola

    Gracias por compartir tu solución, efectivamente, acabo de revisar el plugin:

    Visual CSS Style Editor

    no lo había revisado y ofrece una solución muy interesante.

    Como dato que tal vez pueda ser interesante, revisa en la documentación:

    Where Is Generated CSS? Can I edit it?

    Si compias los cambios una vez terminado y los añades al CSS personalizado del tema puedes desinstalar el plugin.

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Debes estar registrado para responder a este debate.