La plataforma Futudownloads está en desarrollo.

9 dic. 2012

Blogger:Usar @font-face en tu Blog de Blogger

Muchos sitios están usando @font-face y es porque les permite usar fuentes en sus sitios web que son muy creativas y dan más estilo al sitio.
Lo malo que tiene esta funcion es que solo se pueden usar fuentes si están en el mismo servidor de el sitio, lo que quiere decir que en blogs como los de Blogger no funcionaría.
Pero eso se ha estado solucionando con el tiempo.

Un dia me puse a buscar como hacerlo y no encontraba la manera hasta que un día pude hacerlo cuando puse una fuente codificada, funcionó instantaneamente, lo unico que sé es que funciona en Firefox, Firefox Aurora, RockMelt y Google Chrome y no se si funcione en los demás navegadores pues no tengo los demás y IE9 no me funciona bien.

"Si es compatible en los otros navegadores lo comentan para agregarlo a la lista de compatibles"

Sigue los siguientes pasos y podrás cualquier fuente y poner con @font-fae en tu Blog.
Se usarán imagenes de ilustracion para que sea más entendible, has click en donde diga (ver imagen)
  • Agrega la fuente que vas a usar. (ver imagen).(ver imagen 2).
  • Luego en el Generador has click en Expert... (ver imagen).
  • Luego en donde dice CSS: selecciona la opcion Base64 Encode. (ver imagen).
  • Luego en Agreement has click en yes, the fonts I'm... y das click en Download Your Kit (ver imagen).
  • Cuendo ya lo hayas descargado y guardado verás unos archivos tipo TTF, EOT, SVG, WOFF, tambien verás un archivo de texto, una plantilla HTML para ver el ejemplo del texto en tu navegador y una carpeta. (ver imagen).
  • Ahora guardarás los archivos que usarás en un servidor, el siguiente ejemplo es para Dropbox.
  • Vas a tu cuenta, y entras a tu carpeta publica "Public". (ver imagen).
  • Luego creas una carpeta donde tendrás los archivos. (ver imagen).
  • Luego das click en Subir. (ver imagen).
  • Das click en el Boton Seleccionar Archivos. (ver imagen).
  • y eliges los archivos, TTF, SVG, EOT y WOFF. (ver imagen).
  • Cuando ya hayan subido das click en Hecho. (ver imagen).
  • Ahora vas a tu blog, Vas a Plantilla, Luego a Edicion de HTML.
  • Luego busca la etiqueta ]]></b:skin> y encima de ella pega el codigo de stylesheet.css.
  • Entre los archivos que descargaste hay uno que dice "stylesheet.css".
  • Lo habres, luego seleccionas todo y lo copeas y lo pegas encima de ]]></b:skin>. Ejemplo:
 @font-face {
    font-family: 'blade_2regular';
    src: url('URL del archivo EOT');
    }

@font-face {
    font-family: 'blade_2regular';
    src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'),
         url('URL del archivo TTF') format('truetype'),
         url('URL del archivo SVG#blade_2regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
    • Lo que está en rojo es donde pondrás las URL de los archivos que guardaste.
    • Lo que está en purpura es el nombre de la fuente y es lo que le dará el estilo a lo que quieres.
    • Vas a la carpeta donde guardaste los archivos, das click uno por uno y copea sus enlaces publicos. (ver imagen). (ver imagen 2).
    • Y vas pegando cada enlace donde corresponde. Ejemplo:
      @font-face {
        font-family: 'blade_2regular';
        src: url('http://dl.dropbox.com/u/58710285/ihojosestudios/example/%40font-face/i/blade_2-webfont.eot');
        }
    • Luego buscas a que le agregarás el estilo (menú, entrada, etc...).
    • Y le agregas el estilo. Ejemplo:
    .ejemplo {
      background: #FFF;
      width:600px;
      height:300px;
      font-family: 'blade_2regular';
    }
    • en lo que aparce en rojo es el nombre de la fuente.
    • Luego guardas los cambios, y listo verás los cambios cuando veas tu blog y lo que le pusiste el estilo. Ejemplo de estilo de texto:

    Texto de ejemplo 1

    abcde

    Texto de Ejemplo 3

    Será compatible para todos los navegadores que acepten codificacion Base64.