Html
<div class="accessibility"> <a href="#" class="increase" data-size="0">A+</a> <a href="#" class="decrease" data-size="0">A-</a> </div>
jQuery Font Size
The jQuery Font Size plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc.
This tool is also used to increase the accessibility of sites, helping people who have visual problems to see better content
Demo
Lorem ipsum dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa.
Lorem ipsum dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa.
Lorem ipsum dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa.
Lorem ipsum dolor.
Lorem ipsum mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus quis dui viverra vestibulum. Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris. Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo, quis eleifend arcu velit quis lacus. Morbi magna magna, tincidunt a, matti
Script
<script src="jquery.fontsize.min.js">
$('body').fontsize();
$('body').fontsize({
tags: 'a, p, h1, h2, h3, h4',
limit : 3,
interval: 1,
classIncrease: 'myClass',
classDecrease: 'myClass',
transition : 900
});
Options
| Option | Default | Description |
|---|---|---|
| Tags | "body, p, h1, h2, h3, h4, h5, blockquote" | These are the tags that will get the font change |
| Limit | 3 | This parameter is the limit of clicks for each button |
| Interval | 1 | This parameter "interval" is the amount that the source will "increase" or "decrease", the default is "1", it is recommended to leave "1" (1px) or "2" (2px) |
| Class button Increase | "increase" | Button Increase class defalut is "increase" change the class according to its necessity |
| Class button Decrease | "decrease" | Button Increase class defalut is "decrease" change the class according to its necessity |
| Transition | 800 | Speed at which the source increases or decreases |
