2 agosto 2010
Archivos del blog
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!
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!
Sintaxis de @font-face
En esta entrada explicaré los mejores métodos para introducir @font-face en nuestro documento. @font-face { font-family: ‘Graublau Web’; src: url(GraublauWeb.eot); src: local(‘Graublau Web Regular’), local(‘Graublau Web’), url(GraublauWeb.otf) format(‘opentype’); } 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 … Lee más!
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!
