I often want to set the text on my screen to some of my favourite fonts (e.g. Candara, Century Gothic, ...). To do that I use inspect element in the browser to change the css font of the element as in the snapshot.

This process is very tiring and time-consuming. What is the fastest way to change the font?

enter image description here


If you're using Chrome, try a Javascript Bookmarklet that updates the font perhaps.

Good guide here: http://daringfireball.net/2007/03/javascript_bookmarklet_builder

  • I'm not a javascript programmer to create my own font-changing bookmarklet. Can you help me? – Nam G VU May 11 '13 at 3:58

Have you tried changing the browser preferences. Most of the modern browsers allow you to override the website's fonts with your own settings.

  • Sorry, could you explain further. I can't find this in the Firefox settings, unless you mean something like the Stylish addon, with a userstyles.org ? – wonea May 11 '13 at 7:31
  • Search for Preferences in the menu. Probably in the Tools (on Windows) or Edit (on Linux). Once you find that, click on the Content tab and in the Font and Colors section change the settings. Click on the Advanced button for more settings – draxxxeus May 11 '13 at 9:42
  • I don't get this would help. Since the website specific some font for their own font intention in the css, how can a browser override that? E.g. in the css the font reads "font-family: Arial, Helvetica, sans-serif;" and in the browser preferences it reads "standard, serif, sans-serif, fixed-width" - I tried to change the font and it doesn't work @Draxxxeus – Nam G VU May 11 '13 at 9:49
  • If you click on the Advanced button, you will find a check box with the title Allow pages to chose their own fonts, instead of my selections above. You need to uncheck it (checked by default). Check this image. If have changed the fonts for my browser using preferences. – draxxxeus May 11 '13 at 10:03
  • 1
    After reading this thread it looks like there is no way in chrome to override settings. The thread also mentions to check out the Chrome web Store for accessibility plugins. – draxxxeus May 11 '13 at 11:33

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.