lunes, 6 de mayo de 2013

CSS3 @font-face Rule

Si se desea importar fuentes de nuestra carpeta podemos realziarlo de esta manera:

 
@font-face {
    font-family: "BebasNeue";
    src: url('../font/BebasNeue/eot/BebasNeue.eot'); /* IE9 Compat Modes */
    src: url('../font/BebasNeue/eot/BebasNeue.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../font/BebasNeue/woff/BebasNeue.woff') format('woff'), /* Modern Browsers */
        url('../font/BebasNeue/ttf/BebasNeue.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../font/BebasNeue/svg/BebasNeue.svg#BebasNeue') format('svg'), /* Legacy iOS */
        url('../font/BebasNeue/otf/BebasNeue.otf'); /*Original fonts*/
}

Lo mínimo que podría tener son fuentes con estas dos extensiones:

 
@font-face{
    font-family: BebasNeue;
    src: url('../font/BebasNeue/ttf/BebasNeue.ttf'), /* Safari, Android, iOS */
        url('../font/BebasNeue/eot/BebasNeue.eot'); /* IE9 Compat Modes */
} 

No hay comentarios:

Publicar un comentario