Buenas! Como puedo utilizar una fuente que acabo de descargar en mi html? tengo los archivos ttf

Leonardo Esteban Omeara Garzon

Leonardo Esteban Omeara Garzon

Pregunta
studenthace 4 años

Buenas! Como puedo utilizar una fuente que acabo de descargar en mi html? tengo los archivos ttf

4 respuestas
para escribir tu comentario
    Leonardo Esteban Omeara Garzon

    Leonardo Esteban Omeara Garzon

    studenthace 4 años

    Muchas gracias!

    Andrés D Amelio

    Andrés D Amelio

    studenthace 4 años

    Tuve un pequeño error, quedaría así

    @font-face { font-family: Roboto; src: url('../fonts/Roboto-Black.ttf'), url('../fuentes/Roboto-Bold.ttf'), url('../fuentes/Roboto-Light.ttf'); }
    Andrés D Amelio

    Andrés D Amelio

    studenthace 4 años

    Hola Leonardo, debes usar

    @font-face
    en tu archivo css y trae cada una de los archivos que tienes descargados, allí debes indicar el nombre de la fuente haciendo uso de la propiedad
    font-family
    , te muestro un ejemplo

    @font-face { font-family: Verlag; src: url('../fonts/Roboto-Black.ttf'), url('../fuentes/Roboto-Bold.ttf'), url('../fuentes/Roboto-Light.ttf'); }

    Debes llamar cada archivo que tengas, ya con eso puedes usar tu fuente, al momento de usarla debes poner comillas al nombre de la fuente, de la siguiente manera

    selector { font-family: "Roboto"; }
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.