En cuanto al peso de las fuentes. ¿Cuantos diferentes pesos de imágenes son recomendable agregar al proyecto por cada tipo de fuente que ...

Joel Dominguez Merino

Joel Dominguez Merino

Pregunta
student
hace 5 años

En cuanto al peso de las fuentes. ¿Cuantos diferentes pesos de imágenes son recomendable agregar al proyecto por cada tipo de fuente que tenemos? Por ejemplo en esta clase para el primer tipo de fuente se agregaron 3 diferentes... Es forzoso agregarlos? no se podría con CSS obtener el mismo resultado sin necesidad de indicarlo en la etiqueta donde importamos dichas fuentes? Gracias c:

2 respuestas
    CRISTIAN BARBERO PÉREZ

    CRISTIAN BARBERO PÉREZ

    student
    hace 5 años

    Me surgió la misma pregunta jaja. Es necesario importar todos los pesos que vayas a utilizar. Probé con el inspector de elementos a ponerle a un párrafo de prueba la familia DM Sans y todos los pesos desde 100 a 900. El resultado para 100, 200 y 300 es el mismo que poner 400; y desde 600 para arriba es como poner 700. Creo que lo que hace el navegador es tomar el font-weight existente inmediatamente superior (si no hay ninguno por encima utiliza el más cercano). Porque poniendo font-weight: 401 el resultado es igual a poner 500. Incluso si pones 501 el resultado es igual a poner 700.

    Joel Dominguez Merino

    Joel Dominguez Merino

    student
    hace 5 años

    Muchas Gracias Ceporro entonces las implementare tal cual. Es que me surgió la duda por que en el curso anterior muchos estudiantes comentaban que entre menos colocáramos en llamadas a por ejemplo este caso las fuentes de Google... Por eso veía si salía rentable ahorrarse colocar dichos pesos :,D

Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.

Curso de Responsive Design: Maquetación Mobile First
Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.