Blog diseño y programacion web

blog image
  • @font-face

    @font-face nos ayuda a tener cualquier fuente en HTML
    Coge  un archivo de tipo de fuente ttf o otf, y entra en  fontface.codeandmore.com o www.fontsquirrel.com/fontface y lo introduces.Los archivos que te genera los subes a tu web y co este codigo.

    Usando los selectores CSS, asignale un  estilo font-family con los atributos ‘BebasNeueRegular’,incluir tambien  arial (Estonos servira para los navegadores que no acepten fontface nos ponga ariall).

    font-family: ‘BebasNeueRegular’, arial;

    Podéis ver los navegadores compatibles con @font-face aquí.

     

    @font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
    url('BebasNeue-webfont.woff') format('woff'),
    url('BebasNeue-webfont.ttf') format('truetype'),
    url('BebasNeue-webfont.svg#webfontj1CI1MAi') format('svg');
    font-weight: normal;
    font-style: normal;
    }

     

    deja tus comentarios

    Dejar un comentario