Siedrix

RSS Twitter

Agrega cualquier font con CSS3

Desde hace tiempo existe la propiedad “@font-face”, fue implementada desde hace algunos Internet Explorers dando soporte solo a archivos eof, en la nueva implementacion de CSS3 WebKity Gecko han expandido a soportar oft y ttf para que podamos entregar al usuario nuevas fonts y salur un poco de la rutina.

La forma en que se utiliza esta propiedad es que se declara en el css las siguientes lineas para TTFs:

@font-face {  
  font-family: "Gare";  
  src: url("fonts/Ming-Imperial.TTF") format("truetype");
}
#GareDeChambord{
	font-family:Gare;
}

En caso de que tengas un Browser chido, veras letras chinas y disfrutaras de lo que empezara a pasar en la web en los próximos meses.

En cualquier otro caso tu Browser Suckea, deberias de bajar un Chrome 4, Firefox 3.6 o Opera.

Tambien funciona con otf:

@font-face { 
	font-family: "Delicious"; 
	src: url(fonts/Delicious-Roman.otf ); 
}
#Delicious{
	font-family:Delicious;
}

En este caso no encontré un font raro, pero sera cuestión de buscar.

Hola

No related posts.

Deja tu Opinión

Puedes agregar tags de HTML como: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Post Relacionados

No related posts.