Show a different size of tipography on mobiles

javierperezbelmonte · Miembro · febrero 29, 2024 at 12:58 pm
Copiar enlace

Añadir tema a favoritos
How can I show a different shize of tipography on mobile devices?

WP.com: Yes
Jetpack: No
Correct account: Yes

El blog con el que necesito ayuda es (visible solo para usuarios conectados).
w32kazedetodo · Plantilla · marzo 2, 2024 at 12:37 am
Copiar enlace
Buenos días.

Esto se puede hacer a través de CSS. Entiendo que cuando dices móvil, ¿te refieres solo a teléfonos (480 px y menos) o también a tablets (1024 px o 768 px y menos)? Algunos de los teléfonos más grandes pueden tener 600 píxeles de ancho. El siguiente código CSS cambia el título del sitio y prácticamente todos los elementos del encabezado a Rockwell en 600 px y menos, pero puedes escoger otra fuente de entre las disponibles.
```
@media screen and (max-width: 600px) {
    .wf-active #header .site-title, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4 {
        font-family: Rockwell,"Open Sans",Helvetica,Arial,sans-serif !important;
    }
}
```
He incluido museo y otras fuentes estándar en la lista de fuentes como alternativas en caso de que Rockwell no se cargue por algún motivo.

Saludos!

PS: If you need your answer in English you can access our English Forums here: https://wordpress.com/forums/