Portadafont-face

Corazón animado con CSS3 y HTML5

Desde que se inició el blog hemos podido ver las grandes posibilidades que tiene CSS3, como por ejemplo crear letras capitales, ribbons, usar variables php en css…Desde la llegada de CSS3 han aumentado drásticamente las posibilidades que nos ofrece CSS, muchas cosas que antes se hacían con imágenes, ocupando espacio y aumentando el tiempo de … Lee más!

sin miniatura

Tabla de soporte de navegadores para CSS3 @font-face

Con la rápida implementación que se está produciendo de CSS3, es  necesario crear tablas que certifiquen el soporte de novedades como @font-face, de la que ya hablé anteriormente. En esta tabla que os voy a mostrar a continuación se muestra cómo los navegadores actúan dependiendo si la fuente de familia está especificada (italic, regular, bold, … Lee más!

sin miniatura

Font Dragr, previsualizar fuentes en el navegador

Font Dragr es una aplicación web online gratuita fabricada con CSS3 y HTML5 que nos permitirá previsualizar en el navegador las fuentes truetype (ttf), opentype (otf), vectores gráficos escalables (svg) que tengamos en el navegador, con solo arrastrar y soltar la fuente a la aplicación, pudiéndo editar el texto una vez previsualizado. Esta útil herramienta … Lee más!

sin miniatura

Sintaxis de @font-face

En esta entrada explicaré los mejores métodos para introducir @font-face en nuestro documento. El código de arriba podría ser la mejor opción para aplicar @font-face, pero en IE no nos sirve y necesitamos tener una fuente .EOT, mientras que los otros navegadores necesitan una fuente .TTF u .OTF.

sin miniatura

Descarga cientos de tipografías @font-face gratis

En Font-squirrel nos muestran un gran catálogo de tipografías gratuitas para ser usadas con CSS @font-face. Podemos ver un ejemplo de cada tipografía, además de mostrar su previsualización por imágenes. Recordemos que con la propiedad @font-face podréis insertar cualquier tipografía en vuestro sitio web. Todas son gratuitas y puedes usarlas en tus proyectos comerciales o … Lee más!

@font-face, inserta cualquier tipografía en tu sitio web

Existen una lista de tipografías estándares que todos los navegadores pueden interpretar, pero, ¿qué ocurre con las demás tipografías? ¿Cómo podemos implementarlas? @font-face es una propiedad muy útil para definir en un sitio web una fuente que el usuario no tenga instalada en su ordenador. Sólo debemos subir la fuente deseada a nuestro sitio web … Lee más!

1
Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es ayudarte a aprender sobre CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita. Todo ello para ayudarte a empezar a crear tus proyectos o mejorarlos, encontrando la inspiración necesaria.

Puedes contactarme o anunciarte en el blog.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.