Skip to main content
cuerpo editado
Origen Enlace
Francisco Romero
  • 16.7k
  • 5
  • 34
  • 64

Puedes utilizar vw (view port) units.

font-size: 3.5vw;

Estas tomarán la proporción en función del ancho de tu pantalla.

Por otro lado, también existen vh que toman la proporción tomando como referencia la altura.

Por último, puedes usar las media queries. Si no quieres que te realice saltos tan grandes (dependiendo de la pantalla que tengas te la pondrá a unas fuentesunos tamaños u otrasotros) puedes indicar directamente mediante pixeles que font-size quieres que tenga la fuente para anchuras concretas de la pantalla.

Ejemplo:

@media (max-width:700px) and (min-width:500px) {
    .texto{
       font-size: 12px;
    }
}

Lo que haría el ejemplo anterior sería poner tu fuente a 12 píxeles, cuando tu pantalla tenga un mínimo de 500 píxeles y un máximo de 700px. Puedes ajustarlo a tus necesidades y puedes usar todos los que quieras.

Puedes utilizar vw (view port) units.

font-size: 3.5vw;

Estas tomarán la proporción en función del ancho de tu pantalla.

Por otro lado, también existen vh que toman la proporción tomando como referencia la altura.

Por último, puedes usar las media queries. Si no quieres que te realice saltos tan grandes (dependiendo de la pantalla que tengas te la pondrá a unas fuentes u otras) puedes indicar directamente mediante pixeles que font-size quieres que tenga la fuente.

Ejemplo:

@media (max-width:700px) and (min-width:500px) {
    .texto{
       font-size: 12px;
    }
}

Lo que haría el ejemplo anterior sería poner tu fuente a 12 píxeles, cuando tu pantalla tenga un mínimo de 500 píxeles y un máximo de 700px. Puedes ajustarlo a tus necesidades y puedes usar todos los que quieras.

Puedes utilizar vw (view port) units.

font-size: 3.5vw;

Estas tomarán la proporción en función del ancho de tu pantalla.

Por otro lado, también existen vh que toman la proporción tomando como referencia la altura.

Por último, puedes usar las media queries. Si no quieres que te realice saltos tan grandes (dependiendo de la pantalla que tengas te la pondrá a unos tamaños u otros) puedes indicar directamente mediante pixeles que font-size quieres que tenga la fuente para anchuras concretas de la pantalla.

Ejemplo:

@media (max-width:700px) and (min-width:500px) {
    .texto{
       font-size: 12px;
    }
}

Lo que haría el ejemplo anterior sería poner tu fuente a 12 píxeles, cuando tu pantalla tenga un mínimo de 500 píxeles y un máximo de 700px. Puedes ajustarlo a tus necesidades y puedes usar todos los que quieras.

se añadieron 738 caracteres en el cuerpo
Origen Enlace
Francisco Romero
  • 16.7k
  • 5
  • 34
  • 64

Puedes utilizar vw (view port) units.

font-size: 3.5vw;

Estas tomarán la proporción en función del ancho de tu pantalla.

Por otro lado, también existen vh que toman la proporción tomando como referencia la altura.

Por último, puedes usar las media queries. Si no quieres que te realice saltos tan grandes (dependiendo de la pantalla que tengas te la pondrá a unas fuentes u otras) puedes indicar directamente mediante pixeles que font-size quieres que tenga la fuente.

Ejemplo:

@media (max-width:700px) and (min-width:500px) {
    .texto{
       font-size: 12px;
    }
}

Lo que haría el ejemplo anterior sería poner tu fuente a 12 píxeles, cuando tu pantalla tenga un mínimo de 500 píxeles y un máximo de 700px. Puedes ajustarlo a tus necesidades y puedes usar todos los que quieras.

Puedes utilizar vw (view port) units.

font-size: 3.5vw;

Puedes utilizar vw (view port) units.

font-size: 3.5vw;

Estas tomarán la proporción en función del ancho de tu pantalla.

Por otro lado, también existen vh que toman la proporción tomando como referencia la altura.

Por último, puedes usar las media queries. Si no quieres que te realice saltos tan grandes (dependiendo de la pantalla que tengas te la pondrá a unas fuentes u otras) puedes indicar directamente mediante pixeles que font-size quieres que tenga la fuente.

Ejemplo:

@media (max-width:700px) and (min-width:500px) {
    .texto{
       font-size: 12px;
    }
}

Lo que haría el ejemplo anterior sería poner tu fuente a 12 píxeles, cuando tu pantalla tenga un mínimo de 500 píxeles y un máximo de 700px. Puedes ajustarlo a tus necesidades y puedes usar todos los que quieras.

Origen Enlace
Francisco Romero
  • 16.7k
  • 5
  • 34
  • 64

Puedes utilizar vw (view port) units.

font-size: 3.5vw;