Jump to content

instalar fuente


juanunlin

Recommended Posts

chupao, tienes que convertirla primero en formato web, eso se hace con algun servicio como este:

 

http://www.fontsquirrel.com/tools/webfont-generator

 

eso te crea 4 ficheros de tu fuente:

 

 

mifuente.eot

mifuente.svg

mifuente.ttf

mifuente.woff

 

y Luego simplemente hay que copiarlos en un directorio de tu tema que puedes llamar font (por ejemplo) y cargarlas en tu web, las cargas poniendo esto en global.css o mejor en grid_prestashop.css

 

 

/* Eurostile Regular eurostileregular */

@font-face {

font-family: 'EurRegWF';

src: url('../font/eurostile-webfont.eot');

src: url('../font/eurostile-webfont.eot?#iefix') format('embedded-opentype'),

url('../font/eurostile-webfont.woff') format('woff'),

url('../font/eurostile-webfont.ttf') format('truetype'),

url('../font/eurostile-webfont.svg#EurRegWF') format('svg');

font-weight: normal;

font-style: normal;

}

 

Esto de arriba seria para cargar la fuente eurostile que llamaremos EurRegWF (la podriamos llamar pepe)

 

La tenemos que cargar en todos estos formatos porque deben ser válidas desde cualquier navegador

  • Like 1
Link to comment
Share on other sites

ah se me olvidaba, las instrucciones de antes son para converir una fuente normal en fuente web, y ponerla en tu tienda, pero si te vale con una fuente de googlefonts es más secillo, basta que la llames en el header.tpl de tu tema, tienes que buscarla en googlefont y poner (ej Abel)

 

<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>

 

 

esto lo pones en torno a la linea 50 (debe estar en el head) normalmente despues de la llamada al favicon

Link to comment
Share on other sites

ah se me olvidaba, las instrucciones de antes son para converir una fuente normal en fuente web, y ponerla en tu tienda, pero si te vale con una fuente de googlefonts es más secillo, basta que la llames en el header.tpl de tu tema, tienes que buscarla en googlefont y poner (ej Abel)

 

<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>

 

 

esto lo pones en torno a la linea 50 (debe estar en el head) normalmente despues de la llamada al favicon

 

http://www.prestashop.com/forums/topic/163257-module-cufon-font/

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...