Blog

De pronto un día el exceso de Arial, Helvetica y Times New Roman causo que las paginas web fueran odiosas pantallas sin tipografías atractivas, hasta ahora, con la llegada de CSS3 y elementos mucho más dinámicos podemos adornar nuestras paginas web con mucho más tipos de letra elegantes, cursivas y muchas más gracias al Google Font Directory podemos hacer uso de muchos tipos de letra en nuestras paginas Web. ¿Algunos ejemplos?

Qué tal el Dancing Script

<link  href="http://fonts.googleapis.com/css?family=Dancing+Script:regular" rel="stylesheet" type="text/css" >
<style>
.dancing
{
  font-family: 'Dancing Script', serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
}
</style>
<span class="dancing">
Qu&eacute; tal el Dancing Script
</span>

---

El tipo de letra UnifrakturCook es más bien como para tatuajes y cosas así.

<link  href="http://fonts.googleapis.com/css?family=UnifrakturCook:bold" rel="stylesheet" type="text/css" >
<style>
.UnifrakturCook
{
  font-family: 'UnifrakturCook', serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
}
</style>

<span class="UnifrakturCook">
El tipo de letra UnifrakturCook es m&aacute;s bien como para tatuajes y cosas as&iacute;.
</span>

---

¡¡¡El tipo de letra singlet, son letras gorditas!!! o ¿solo son robustas?

<link  href="http://fonts.googleapis.com/css?family=Sniglet:800" rel="stylesheet" type="text/css" >
<style>
.singlet {
  font-family: 'Sniglet', serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
}
</style>

<span class="singlet">
&#161;&#161;&#161;El tipo de letra singlet, son letras gorditas!!! o &#191;solo son robustas? 
</span>

Para los acentos
Bueno si observaron el código los acentos o tildes no fueron colocados de forma directa, más bien fueron colocados usando el HTML Unicode.