I recently ran across a website called HAPPPY IT!beta which creates a JavaScript bookmarklet for your bookmarks bar. When activated, this bookmarklet will change all of the fonts for the current website to Comic Sans when you click the bookmark.

As goofy as it seems, the general idea can be put to good use.

Here are a few examples:

Black & White

So many sites are guilty of having poor contrast between the text color and the background color. Usually the problem is too little contrast, but some sites have too much!

Original (L), Black & White + Serif (R)
Original (L), Black & White + Serif (R)

This bookmarklet will alter the colors on most sites to have dark-gray text on an off-white background.

Black & White

Drag-and-drop this button to your bookmarks bar.

Large Font

Not too large, not too small. Just right!

This bookmarklet will size all text to 13-point type on most sites.

Large Font

Drag-and-drop this button to your bookmarks bar.

Wider Margins

Margins that are too wide can make it difficult for your eyes to track the text. Widening the margins to where the text wraps at a more book-like width makes many websites much easier to read.

Bad Margins (top), Better Margins (bottom)
Bad Margins (top), Better Margins (bottom)

This bookmarklet will widen the margins on most websites to give you a comfortable line width.

NOTE: Does not work well on Bootstrap sites… yet!

Margins

Drag-and-drop this button to your bookmarks bar.

Serif Font

For large-print and signage, sans-serif fonts are very readable. For paragraphs of copy, not so much.

This bookmarklet will change all fonts to a serif font on most sites.

Serif Font

Drag-and-drop this button to your bookmarks bar.


← Older   Newer →

Leave a Reply


<a href="" title="">, <abbr title="">, <acronym title="">, <b>, <blockquote cite="">, <cite>, <code>, <del datetime="">, <em>, <i>, <q cite="">, <s>, <strike>, <strong>