الجافا سكربت
<div>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'"><span >+</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='0.8em'"><span style="font-size: x-small;">+</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.1em'"><span >+</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.4em'"><span style="font-size: large;">+</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.7em'"><span >+</span></a>
</div>
فى الكود السابق :
- الخط الذى سيتم التحكم به هو الخط الموجود فى كل الصفحة body
يمكن تحديد الخط الموجود فى منطقة بعينها عن طريق استبدال كلمة body بالـ id الخاص بالقطعة المراد تكبير وتصغير الخط بها , مثلا post او main-wrapper او side-wrapper وهكذا
- الوحدة التى سيتم التكبير والتصغير على اساسها هى em وهى خاصة بالخطوط , يمكن استعمال البيكسل ايضا لكن الافضل em , حيث ان الاخير ينسق بين حجم الخط وبين مساحات التصميم .
- يتراوح الحجم الادنى والاقصى من 0.5 الى 1.7 , يمكنك تغيير القيم بالطبع