<?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>A fronteira final &#187; tipografia</title>
	<atom:link href="http://afronteirafinal.com/tag/tipografia/feed/" rel="self" type="application/rss+xml" />
	<link>http://afronteirafinal.com</link>
	<description>Audaciosamente indo onde nenhum dev jamais esteve</description>
	<lastBuildDate>Thu, 15 Dec 2011 15:52:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>@font-face &#8211; Tipografia livre</title>
		<link>http://afronteirafinal.com/font-face-tipografia-livre/</link>
		<comments>http://afronteirafinal.com/font-face-tipografia-livre/#comments</comments>
		<pubDate>Thu, 22 Apr 2010 21:23:24 +0000</pubDate>
		<dc:creator>Leonardo Caineli</dc:creator>
				<category><![CDATA[Caineli]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[fontes]]></category>
		<category><![CDATA[tipografia]]></category>

		<guid isPermaLink="false">http://afronteirafinal.com/?p=346</guid>
		<description><![CDATA[A propriedade @font-face do CSS possibilita aos browsers renderizar fontes que não estão instaladas no computador do usuário. Exemplo: @font-face{ font-family:&#039;Comic Book&#039;; src:local(&#039;Comic Book&#039;),url(&#039;Comic Book.ttf&#039;) format(&#039;TrueType&#039;); } p{font-family:&#039;Comic Book&#039;,arial,helvetica,sans-serif} Valores: O valor &#8220;local&#8221; informa se a fonte já existe no sistema operacional do usuário antes de ser instalada O valor &#8220;url&#8221; informa o caminho da [...]]]></description>
			<content:encoded><![CDATA[<p>A propriedade @font-face do CSS possibilita aos browsers renderizar fontes que não estão instaladas no computador do usuário. Exemplo:</p>
<pre class="brush: css">
@font-face{
	font-family:&#039;Comic Book&#039;;
	src:local(&#039;Comic Book&#039;),url(&#039;Comic Book.ttf&#039;) format(&#039;TrueType&#039;);
}
p{font-family:&#039;Comic Book&#039;,arial,helvetica,sans-serif}
</pre>
<h2>Valores:</h2>
<ul style="margin-bottom:20px">
<li>O valor <strong>&#8220;local&#8221;</strong> informa se a fonte já existe no sistema operacional do usuário antes de ser instalada</li>
<li>O valor <strong>&#8220;url&#8221;</strong> informa o caminho da fonte que será instalada</li>
<li>O valor <strong>&#8220;format&#8221;</strong> informa qual é o formato da fonte que será instalada</li>
</ul>
<h2>Formatos:</h2>
<p>Os formatos aceitos pelos browsers são:</p>
<ul style="margin-bottom:20px">
<li><strong>Embedded OpenType</strong> &#8211; .eot</li>
<li><strong>OpenType</strong> &#8211; .otf</li>
<li><strong>Scalable Vector Graphics</strong> &#8211; .svg e .svgz (formato .svg &#8220;gzipado&#8221;)</li>
<li><strong>TrueType</strong> &#8211; .ttf</li>
</ul>
<p>O Internet Explorer suporta apenas o formato Embedded OpenType (.eot), portanto deverão ser declarados dois formatos, sendo um exclusivo para as versões do Internet Explorer (.eot) e/ou outro(s) para os demais browsers (.otf, .svg, .svgz e .ttf). Exemplo:</p>
<pre class="brush: css">
@font-face{
	font-family:&#039;Comic Book&#039;;
	src:url(&#039;Comic Book.eot&#039;); /* IE */
	src:local(&#039;Comic Book&#039;),url(&#039;Comic Book.ttf&#039;) format(&#039;TrueType&#039;); /* DEMAIS BROWSERS */
}
p{font-family:&#039;Comic Book&#039;,arial,helvetica,sans-serif}
</pre>
<p>Exemplo declarando outros formatos:</p>
<pre class="brush: css">
@font-face{
	font-family:&#039;Comic Book&#039;;
	src:url(&#039;Comic Book.eot&#039;); /* IE */
	src:local(&#039;Comic Book&#039;),
	    url(&#039;Comic Book.otf&#039;) format(&#039;OpenType&#039;);
	    url(&#039;Comic Book.svg&#039;) format(&#039;Scalable Vector Graphics&#039;);
	    url(&#039;Comic Book.svgz&#039;) format(&#039;Scalable Vector Graphics&#039;);
	    url(&#039;Comic Book.ttf&#039;) format(&#039;TrueType&#039;)
}
p{font-family:&#039;Comic Book&#039;,arial,helvetica,sans-serif}
</pre>
<h2>Compatibilidade:</h2>
<p>A propriedade @font-face é compatível com os principais sistemas operacionais e browsers (inclusive o Internet Explorer 6):</p>
<ul style="margin-bottom:20px">
<li><strong>Linux</strong> &#8211; Chrome e Firefox</li>
<li><strong>Mac OS</strong> &#8211; Chrome, Firefox, Opera e Safari</li>
<li><strong>Windows</strong> &#8211; Internet Explorer 6, 7, 8 e 9, Chrome, Firefox, Opera e Safari</li>
</ul>
<h2>Talvez ajude&#8230;</h2>
<ul style="margin-bottom:20px">
<li><a href="http://www.fontsquirrel.com/fontface/generator/" title="@font-face Generator" rel="external"><strong>@font-face Generator</strong></a> &#8211; Gerar fontes para outros formatos</li>
<li><a href="http://www.freefontconverter.com/" title="Free Font Converter" rel="external"><strong>Free Font Converter</strong></a> &#8211; Converter fontes para outros formatos</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://afronteirafinal.com/font-face-tipografia-livre/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

