Comunidad de diseño web y desarrollo en internet online

El @font-face no me funciona

Citar            
MensajeEscrito el 21 Ene 2014 05:07 am
El @font-face no me funciona
@font-face{
font-family: "AlexBrush-Regular";
font-style: normal;
font-weight: normal;
src: url("AlexBrush-Regular.ttf") format("truetype");
}

aqui esta el codigo css pero no me da resultado.

Por Renzo Riofrio Cueva

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 22 Ene 2014 11:48 am
A mi tambien me pasa

Por boyere

Claber

191 de clabLevel

1 tutorial

Genero:Masculino  

Simplemente aprendo

firefox
Citar            
MensajeEscrito el 25 Ene 2014 11:15 am
trata de utilizar no solo la extension .ttf hay otros tipos de fuentes qe si soportan los navegadores

Por EmilianoDV

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 28 Ene 2014 04:33 pm
Hola, si vas a incluir las fuentes de este modo es bueno poner los diferentes formatos de fuentes:

Código CSS :

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

}


Y no olvidar asignarle luego la fuente al elemento:

Código CSS :

p {
   font-family: 'BonvenoCFLight';
}


También puedes usar las fuentes de Google fonts allí donde dice quick use está la forma de integrarlas a tu web

Por alejilla

Claber

120 de clabLevel



Genero:Femenino  

Colombia

chrome
Citar            
MensajeEscrito el 28 Ene 2014 06:40 pm
Además ten en cuesta que como has escrito la propiedad url() el navegador tratará de encontrar el archivo de fuente apuntado en el mismo lugar donde está el archivo css (o el HTML si lo cargas desde ahí). De forma tal que si ese @font-face está en un archivo .css que está en http://example.com/css/styles.css, el navegador tratará de cargar el .ttf en ese mismo lugar http://example.com/css/ArchivoDeFuente.ttf

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.