Como incluir fuentes en nuestra web con @font-face

Una nueva propiedad de CSS3 nos permite incluir en nuestra web cualquier fuente de la que tengamos los archivos. Para ello lo único que tenemos que hacer es:

Ponemos nuestros archivod .ttf (TrueType) o .otf (OpenType) en una carpeta de nuestra web (por ejemplo la fuente “fontName.otf” en la carpeta “fonts”)

Añadimos a la CSS de nuestra página las siguientes líneas

@font-face {
    font-family: fontName;
    src: url(fonts/fontName.otf);
}

Ya podemos utilizar nuestra nueva fuente, por ejemplo en los titulares h2

h2 {
    font-family: fontName, Helvetica, Arial, sans-serif;
}

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>