Css dökümlerimde genelde portal tasarımlarında sıkça lazım oluyor bu font büyültüp küçültme olayı.. Bende basit bir eklenti yazayım dedim :) İşinize yarayabilir..

Nasıl Kullanılır?

Font boyutuyla oynayacağınız divi seçip eklentiyi çalıştırıyoruz; Örnek bir html kodu;
Artır (+)
Azalt (-)

Burası bastıkça büyür ya da küçülür..

Şimdi jquery ve eklenti dosyamızı sırasıyla çağırdıktan sonra şu #bilgi divini seçip eklentiyi kullanıyoruz;
$("#bilgi").pFont();

Tabi bu azaltma ve artirma işlemlerini neye göre yapıyor derseniz onun içinde parametreler belirtiyorsunuz.. Default olarak parametreler şu şekilde;

minBoyut - 10 (En fazla azaltılacak font boyutu)
maxBoyut - 20 (En fazla çoğaltılacak font boyutu)
font - 12 (Standart font boyutu (seçilen nesnenin))
artiID - #artir (Artırma işlemi için default id)
eksiID - #azalt (Azaltma işlemi için default id)

İstersniz bunu kendinize göre düzenlersiniz.. Örneğin html kodumuzu şöyle yapalım;
Artır (+)
Azalt (-)

Burası bastıkça büyür ya da küçülür..

Ve js kodumuzda şöyle olsun.. Değerleri değiştirelim;
$("#bilgi").pFont({
'artiID' : 'fontArtir',
'eksiID' : 'fontAzalt',
'font' : '15' // nesnemin başlangıç font boyutu
});

Eklentiyi indirmek için;
Link: http://www.prototurk.com/jquery-eklenti/pFont.js

Demo:
http://www.prototurk.com/demo/pFont/