Cambia el tamaño de la fuente dependiendo del tamaño del párrafo

anieto2k.com publicó un interesante tutorial para trabajar con textos, según el código, puedes hacer que dependiendo de que tan grande este el párrafo el texto será proporcional en tamaño, es decir, si tu párrafo tiene tres renglones, el tamaño de la letra se hará más grande para ocupar el espacio de un texto de por ejemplo, diez renglones, muy interesante verdad, aquí les traigo el código:




// Código para MooTools
window.addEvent('domready',function() {

$quote = $$('.post p')[0];

var $numWords = $quote.get('text').split(' ').length;

if (($numWords >= 1) && ($numWords < 10)) {
$quote.setStyle('font-size','36px');
} else if (($numWords >= 10) && ($numWords < 20)) {
$quote.setStyle('font-size','32px');
} else if (($numWords >= 20) && ($numWords < 30)) {
$quote.setStyle('font-size','28px');
} else if (($numWords >= 30) && ($numWords < 40)) {
$quote.setStyle('font-size','24px');
} else {
$quote.setStyle('font-size','20px');
};
});

// Código para jQuery

$(function(){
var $quote = $(".post p:first");
var $numWords = $quote.text().split(" ").length;
if (($numWords >= 1) && ($numWords < 10)) {
$quote.css("font-size", "36px");
} else if (($numWords >= 10) && ($numWords < 20)) {
$quote.css("font-size", "32px");
} else if (($numWords >= 20) && ($numWords < 30)) {
$quote.css("font-size", "28px");
} else if (($numWords >= 30) && ($numWords < 40)) {
$quote.css("font-size", "24px");
} else { $quote.css("font-size", "20px");
}
});
Cambia el tamaño de la fuente dependiendo del tamaño del párrafo Cambia el tamaño de la fuente dependiendo del tamaño del párrafo Reviewed by Marcos Rivas Rojas on martes, enero 27, 2009 Rating: 5