Bufa Webmaster » fuente

Dolcecaffe font

Jorge Maiden — Wed, 10 Aug 2011 21:41:24 +0000

Giuseppe Salerno (resistenza.es) ha creado esta nueva fuente que nos encanta! Inspirada en los típicos escritos en las pizarras de las cafeterías. Una tipo con un aire vintage y cool! + info en www.resistenza.es/dolcecaffefont

Arcano Type

Jorge Maiden — Tue, 08 Feb 2011 21:42:36 +0000

4 meses de trabajo y 25 caracteres. Arcano Type es un tipografía realizada a mano con tinta china, en papel caligráfico japonés. Es una fuente inspirada en la naturaleza, iconos, símbolos, joyas y mucho mas.

http://www.resistenza.es/arcanotype/

Ratatan Font

Jorge Maiden — Wed, 19 Jan 2011 21:43:47 +0000

El equipo de Resistenza.es, empieza el año con una nueva tipografía.
Ratatan, una fuente para el ordenador con muchos elementos curvos y un toque de sans-serif.
Además la fuente lleva algunas ligaturas, que la hacen aun más única.

http://www.resistenza.es/ratatan/

Jquery: Aumentar o disminuir tamaño de fuente

Jorge Maiden — Sun, 17 Oct 2010 16:16:24 +0000

Vamos a aprender como crear unos botones para aumentar o disminuir el tamaño actual de la fuente de una página web (o una sección en concreto) utilizando jQuery y su propiedad para editar las hojas de estilo css()

Script jQuery para cambiar el tamaño de la fuente:

$(document).ready(function(){

// Donde queremos cambiar el tamaño de la fuente
var donde = $('.mitexto');
var sizeFuenteOriginal = donde.css('font-size');

// Resetear Font Size
$(".resetearFont").click(function(){
donde.css('font-size', sizeFuenteOriginal);
});
// Aumentar Font Size
$(".aumentarFont").click(function(){s
var sizeFuenteActual = donde.css('font-size');
var sizeFuenteActualNum = parseFloat(sizeFuenteActual, 10);
var sizeFuenteNuevo = sizeFuenteActualNum*1.2;
donde.css('font-size', sizeFuenteNuevo);
return false;
});
// Disminuir Font Size
$(".disminuirFont").click(function(){
var sizeFuenteActual = donde.css('font-size');
var sizeFuenteActualNum = parseFloat(sizeFuenteActual, 10);
var sizeFuenteNuevo = sizeFuenteActualNum*0.8;
donde.css('font-size', sizeFuenteNuevo);
return false;
});

});

Y por último los botones o links para aumentar el tamaño de la fuente:

[ + aumentar ] [ - disminuir ] [ resetear ] [/cc]


DEMO



Google fuentes
Jorge Maiden — Mon, 24 May 2010 20:11:05 +0000
Uno de los problemas más habituales que nos encontramos al desarrollar una página web viene a la hora de querer utilizar una determinada fuente (de las no habituales Arial, Verdana, etc…) que no viene por defecto en nuestro sistema operativo. Hasta que CSS3 sea admitido por la mayoría de navegadores podemos usar su defecto imágenes, javascript (cufon, sifr, etc…).
Ahora google ha desarrollado una nueva API de fuentes. Todas las fuentes en el directorio están disponibles para ser usados en su sitio web en virtud de una licencia de código abierto y servido por los servidores de Google.
Su instalación no puede ser más sencilla; basta con insertar en el head la etiqueda de estilo de la fuente en cuestión y en nuestro css llamar a dicha fuente por medio de font-family como podemos ver en el siguiente ejemplo:




  



  

  
Ejemplo de fuente Tangerine de Google
  



[/cc]
Directorio de fuentes: http://code.google.com/webfonts

API Google fonts : http://code.google.com/intl/es-ES/apis/webfonts/docs/getting_started.html



Afrobeat font
Jorge Maiden — Sat, 22 May 2010 11:11:41 +0000
Los chicos de resistenza han desarrollado una magnífica tipografía donde los ritmos tribales de la música afrobeat se expresan a través de esta nueva fuente de marca psicodélica, llamada afrobeat. Cada letra se convierte en arte como cada letra está elegantemente colocada una al lado de la otra, como notas musicales, creando música para los ojos.
El afrobeat es un estilo musical interpretado por muchos artistas africanos como Fela Kuti, Femi Kuti, Antibalas y muchos más, una fusión de jazz, funk, y rock psicodélico, originarios de los años 60 y se basó en los movimientos políticos de Nigeria.
La fuente es perfecta para cuando necesites utilizar llamativos textos grande para cualquier cosa, desde carteles y folletos para conciertos, eventos, fiestas, para carátulas de CD, anuncios, y el arte, pero es especialmente llamativo para los proyectos impresos.
http://www.resistenza.es/afrobeatfont/