<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress.com" -->
<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/"
	>

<channel>
	<title>grueso &amp;laquo; WordPress.com Tag Feed</title>
	<link>http://wordpress.com/tag/grueso/</link>
	<description>Feed of posts on WordPress.com tagged "grueso"</description>
	<pubDate>Sat, 26 Jul 2008 16:57:50 +0000</pubDate>

	<generator>http://wordpress.com/tags/</generator>
	<language>en</language>

<item>
<title><![CDATA[Tipos de fuentes en css]]></title>
<link>http://donestandares.wordpress.com/?p=61</link>
<pubDate>Thu, 14 Feb 2008 04:13:26 +0000</pubDate>
<dc:creator>donestandares</dc:creator>
<guid>http://donestandares.wordpress.com/?p=61</guid>
<description><![CDATA[
Holas  en css se plantea mucho sobre las fuentes, lo ideal&#8230; es usarle las propiedades del css]]></description>
<content:encoded><![CDATA[<p><img src="http://donestandares.wordpress.com/files/2008/02/fuentes_fuentes.gif" alt="Fuentes" /></p>
<p>Holas :) en css se plantea mucho sobre las fuentes, lo ideal... es usarle las propiedades del css para que se vea bonito al usuario, y para nosotros fácil de manejar.</p>
<p>El css nos da la flexibilidad de poder darle color, tamaño, grueso y otras propiedades que trataremos de explicarlas, no todas :p por que son demasiadas pero si las mas importantes.</p>
<p>Recuerda algo, por el momento no se pueden usar fuentes que el visitante no tenga instaladas, por ejemplo este <a href="http://www.dafont.com/font.php?file=the_king_queen_font&#38;page=1&#38;nb_ppp_old=10&#38;text=Don+Estandares&#38;nb_ppp=10&#38;psize=l&#38;classt=alpha" title="Tipo de letra">tipo de letra</a>, es muy bonita y hasta agradable, pero el problema es que si nosotros la instalamos en nuestra pc y trabajamos con css o en html con ese tipo de letra y la subimos a un servidor, esta en <b>NUESTRA PC</b> se va a ver muy bien, el problema es cuando nuestros usuarios abran nuestro sitio web,  ellos no verán correctamente por que en la pc del usuario no esta instalada esta fuente.</p>
<p>Por ahora no existe forma de hacer solución a esto, pero lo único que podemos hacer es usar las fuentes default de "windows", "linux", "Mac os", en fin... los sistemas operativos mas usados.</p>
<p>principalmente las fuentes default son:</p>
<p><font color="#0000ff">Arial, Helvetica, sans-serif<br />
"Times New Roman", Times, serif<br />
"Courier New", Courier, monospace<br />
Georgia, "Times New Roman", Times, serif<br />
Verdana, Arial, Helvetica, sans-serif<br />
Geneva, Arial, Helvetica, sans-serif</font></p>
<p>Cada renglón representa un grupo de fuentes, estos grupos están hechos para que tratar de que la web en cualquier sistema operativo sea visible CASI igual, vamos a ver su funcionamiento:</p>
<p><font color="#0000ff">Arial, Helvetica, sans-serif</font></p>
<p>Si en el sistema operativo no se encuentra <b>ARIAL</b>, el navegador continua con la siguiente, que es <b>Helvatica</b> y si por cuestiones de configuración o lo que sea sigue con sans-<b>serif.</b></p>
<p>Y que pasa si en el sistema operativo (Mi preferido :P <b>Linux!</b> ), no se encuentra ninguna de el grupo de fuentes?, pues muy sencillo el navegador tiene por defecto configurada un tipo de letra... esto permite que se pueda ver sin problemas.</p>
<p>Ahora... ya que sabemos esto, pasamos a la creación de <b>CLASES PARA FUENTES</b></p>
<p>Lo primero es crear una fuente:</p>
<p>.fuente_titulos{<br />
}</p>
<p>por que le coloque ese nombre?, Recuerda que es mas fácil identificar el css con nombres relacionados, entonces como es un tipo de fuente, entonces se le coloca al comienzo pues FUENTE, recuerda no dejar espacios.</p>
<p>ahora pasamos a crear las propiedades de esa clase, entonces:</p>
<p>.fuente_titulos{<br />
color:#00699C;<br />
font-size:1.1em;<br />
font-family:"trebuchet MS", Arial, Helvetica, sans-serif;<br />
}</p>
<p>Lo primero, la propiedad COLOR, es lógico, es el color que le queremos darle a la fuente.<br />
En lo segundo hay una parte que necesito hablar con ustedes :P , y es relacionada con el tamaño de fuente. En css se admiten varios tipos de "medidas" para el tamaño del texto, una de ellas es el PX, Que muchos lo conocen, 12px, 14px, etc... pero... es recomendable que usemos EM, osea 0.8138 em, 0,7340 em, etc... esto lo explicare mas adelante, pero les voy a dar el truco para usar tamaños en em, todo esta en la conversión. Si ustedes digamos tienen 13 px, para pasarlo a em simplemente cojen y multiplican <font color="#ff0000">13</font> x <font color="#ff0000">0.0626 </font>, osea cojen el valor en px y lo multiplican por 0.0626, este ultimo valor es un numero que equivale a 1 px, entonces al momento que multiplicamos pues nos da el valor jeje.</p>
<p>Lo tercero es el grupo de fuentes, entonces el dreamweaver ya viene con la opción de colocar las básicas igual arriba ya les escribí cuales son. recuerda que solo se puede declarar un grupo, también puedes crear tus propios grupos, pero estos ya están organizados para que sean compatibles y similares.</p>
]]></content:encoded>
</item>

</channel>
</rss>
