<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Antonio Trejo &#187; css2</title>
	<atom:link href="http://antoniotrejo.com/index.php/tag/css2/feed/" rel="self" type="application/rss+xml" />
	<link>http://antoniotrejo.com</link>
	<description>Marketing digital, SEO, SEM, Diseño Web</description>
	<lastBuildDate>Thu, 19 Aug 2010 13:44:40 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Utilizar fonts ttf en diseño web con @font-face</title>
		<link>http://antoniotrejo.com/index.php/2010/02/utilizar-fonts-ttf-en-diseno-web-con-font-face/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://antoniotrejo.com/index.php/2010/02/utilizar-fonts-ttf-en-diseno-web-con-font-face/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 15:57:01 +0000</pubDate>
		<dc:creator>Antonio Trejo</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[css2]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[font-face]]></category>
		<category><![CDATA[fuentes]]></category>
		<category><![CDATA[smart2web]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://antoniotrejo.com/?p=165</guid>
		<description><![CDATA[@font-face fue incluida en el estandar CSS2 y ha sido implementada en el Internet Explorer desde su version 5 y utilizada bajo el formato Embedded Open Type (.eot), ningun otro navegador lo soportaba.
Hoy es soportada por la mayoria de los navegadores debido a que esta directiva ha sido incluida en el CSS3, soportando no solo fuentes [...]]]></description>
			<content:encoded><![CDATA[<h2><span style="color: #ff6600;">@font-face fue incluida en el estandar CSS2 y ha sido implementada en el Internet Explorer desde su version 5 y utilizada bajo el formato Embedded Open Type (.eot), ningun otro navegador lo soportaba.</span></h2>
<p>Hoy es soportada por la <a href="http://webfonts.info/wiki/index.php?title=@font-face_browser_support" target="_blank">mayoria de los navegadores</a> debido a que esta directiva ha sido incluida en el CSS3, soportando no solo fuentes OpenType (.eot) tambien TrueType (.ttf).</p>
<p>Esta directiva debera ser declarada usando @font-face ejemplo:</p>
<blockquote><p><code>@font-face { font-family: Ghostwriter; src: url("http://site/font/ghostwrit.ttf"); }</code> h1 { font-family: &#8220;Ghostwriter&#8221;; }</p></blockquote>
<p>Esta directiva también nos permite definir otras propiedades del font, como formato, grosor y estilo. ejemplo:</p>
<blockquote><p><code>@font-face { font-family: Techi; src: url("fonts/font_techina_24b.otf") format("opentype"); font-weight: bold; font-style: italic; }</code></p></blockquote>



Compártelo:


	<a rel="nofollow"  href="http://www.printfriendly.com/print?url=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F&amp;partner=sociable" title="Print"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F&amp;title=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face&amp;bodytext=%40font-face%20fue%20incluida%20en%20el%20estandar%20CSS2%20y%20ha%20sido%20implementada%20en%20el%20Internet%20Explorer%20desde%20su%20version%205%20y%20utilizada%20bajo%20el%20formato%20Embedded%C2%A0Open%20Type%20%28.eot%29%2C%20ningun%20otro%20navegador%20lo%20soportaba.%0D%0AHoy%20es%20soportada%20por%20la%20mayoria%20de%20los%20navegado" title="Digg"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F" title="Sphinn"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/sphinn.png" title="Sphinn" alt="Sphinn" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F&amp;title=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face&amp;notes=%40font-face%20fue%20incluida%20en%20el%20estandar%20CSS2%20y%20ha%20sido%20implementada%20en%20el%20Internet%20Explorer%20desde%20su%20version%205%20y%20utilizada%20bajo%20el%20formato%20Embedded%C2%A0Open%20Type%20%28.eot%29%2C%20ningun%20otro%20navegador%20lo%20soportaba.%0D%0AHoy%20es%20soportada%20por%20la%20mayoria%20de%20los%20navegado" title="del.icio.us"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F&amp;t=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face" title="Facebook"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.mixx.com/submit?page_url=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F&amp;title=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face" title="Mixx"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/mixx.png" title="Mixx" alt="Mixx" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F&amp;title=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face&amp;annotation=%40font-face%20fue%20incluida%20en%20el%20estandar%20CSS2%20y%20ha%20sido%20implementada%20en%20el%20Internet%20Explorer%20desde%20su%20version%205%20y%20utilizada%20bajo%20el%20formato%20Embedded%C2%A0Open%20Type%20%28.eot%29%2C%20ningun%20otro%20navegador%20lo%20soportaba.%0D%0AHoy%20es%20soportada%20por%20la%20mayoria%20de%20los%20navegado" title="Google Bookmarks"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://barrapunto.com/submit.pl?subj=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face&amp;story=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F" title="BarraPunto"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/barrapunto.png" title="BarraPunto" alt="BarraPunto" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://bitacoras.com/anotaciones/http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F" title="Bitacoras.com"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="mailto:?subject=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face&amp;body=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F" title="email"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/email_link.png" title="email" alt="email" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F&amp;title=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face&amp;source=Antonio+Trejo+Marketing+digital%2C+SEO%2C+SEM%2C+Dise%C3%B1o+Web&amp;summary=%40font-face%20fue%20incluida%20en%20el%20estandar%20CSS2%20y%20ha%20sido%20implementada%20en%20el%20Internet%20Explorer%20desde%20su%20version%205%20y%20utilizada%20bajo%20el%20formato%20Embedded%C2%A0Open%20Type%20%28.eot%29%2C%20ningun%20otro%20navegador%20lo%20soportaba.%0D%0AHoy%20es%20soportada%20por%20la%20mayoria%20de%20los%20navegado" title="LinkedIn"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F&amp;title=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face" title="Live"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://ping.fm/ref/?link=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F&amp;title=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face&amp;body=%40font-face%20fue%20incluida%20en%20el%20estandar%20CSS2%20y%20ha%20sido%20implementada%20en%20el%20Internet%20Explorer%20desde%20su%20version%205%20y%20utilizada%20bajo%20el%20formato%20Embedded%C2%A0Open%20Type%20%28.eot%29%2C%20ningun%20otro%20navegador%20lo%20soportaba.%0D%0AHoy%20es%20soportada%20por%20la%20mayoria%20de%20los%20navegado" title="Ping.fm"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://reddit.com/submit?url=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F&amp;title=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face" title="Reddit"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://antoniotrejo.com/index.php/feed/" title="RSS"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F" title="Technorati"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face%20-%20http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F" title="Twitter"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.wikio.com/vote?url=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F" title="Wikio"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/wikio.png" title="Wikio" alt="Wikio" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://bookmarks.yahoo.com/toolbar/savebm?u=http%3A%2F%2Fantoniotrejo.com%2Findex.php%2F2010%2F02%2Futilizar-fonts-ttf-en-diseno-web-con-font-face%2F&amp;t=Utilizar%20fonts%20ttf%20en%20dise%C3%B1o%20web%20con%20%40font-face&opener=bm&amp;ei=UTF-8&amp;d=%40font-face%20fue%20incluida%20en%20el%20estandar%20CSS2%20y%20ha%20sido%20implementada%20en%20el%20Internet%20Explorer%20desde%20su%20version%205%20y%20utilizada%20bajo%20el%20formato%20Embedded%C2%A0Open%20Type%20%28.eot%29%2C%20ningun%20otro%20navegador%20lo%20soportaba.%0D%0AHoy%20es%20soportada%20por%20la%20mayoria%20de%20los%20navegado" title="Yahoo! Bookmarks"><img src="http://antoniotrejo.com/wp-content/plugins/sociable/images/yahoomyweb.png" title="Yahoo! Bookmarks" alt="Yahoo! Bookmarks" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://antoniotrejo.com/index.php/2010/02/utilizar-fonts-ttf-en-diseno-web-con-font-face/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
