Cookies change when I navigate to another page (Using jquery cookie)
Not really Drupal related, but it sounds to me like you are only setting the cookie for the current path.

Change:

$.cookie('font', 'x2');


to:

$.cookie('font', 'x2', { path: Drupal.settings.basePath });