Agregar Fuentes Externas

Los que deseen insertar alguna fuente externa (ttf, otf, eot) mediante la propiedad font-face de css, primero deben saber que no es posible insertar un archivo de fuente que no esté alojado en el mismo servidor de la página web. Debido a la imposibilidad de agregar archivos en nuestro módulo actual de diseñadores externos, se propone la siguientes solución para lidiar con esta limitación:

La Alternativa es incorporar la fuente en un archivo css codificada en base64. Para hacer esto, ingresamos a la página web http://www.fontsquirrel.com/tools/webfont-generator/. Presionamos el botón “Add Fonts” para agregar la fuente, y una vez subida la fuente, seleccionamos la opción “Expert”. Por último buscamos y tildamos la opción “Base64 Encode” y descargamos la fuente. Lo siguiente es copiar el css que descargamos de la página e incorporarlo a nuestro proyecto. La parte que incorpora la fuentes es la que tiene el siguiente estilo:

src: url(data:application/x-font-woff;charset=utf-8;base64,...

results matching ""

    No results matching ""