Gmail - Drop Cap

Added by newname@userstyles, Created: Nov 16, 2009, Updated: Jun 05, 2015
  • With the style applied
  • With the style applied (Generated screenshot)
  • Without the style applied (Generated screenshot)


Have you wanted the first letter of emails you receive to be gigantic, stand out from the rest of the text, and be generally ridiculous and/or illegible?

Today's your lucky day.

This style tries to create a effect on your incoming email text bodies in Gmail. Works pretty well for non-html messages. It uses an elegant

Suggestions are welcome.

More info
You can get the style here which embeds the font locally:
This may be necessary now until I figure out how to get @font-face working with remote resources.

Note: If you copy and paste this to embed the font yourself, double-check the base64 data to make sure no line breaks or other white space has snuck in after pasting.

See the comments for instructions on manually encoding another font.
You can change the font color to whatever you want. I prefer the red and gold colors that are commented into the end of the code.

2015 06 -4 - Added new DOM element matcher that Firefox seems to use
2013 02 14 - Added domain environment.
2013 02 13 - Made a trimmed-down ttf file for the font and switched to DropBox; adjusted padding.
2013 02 11 - Updated code to work with new Stylish. Also updated the full rothenberg one.
2011 06 07 - Restricted to first child objects to avoid extra drop-caps.
2009 11 25 - Included apostrophe in font data and made new screenshots
2009 11 19 - Changed text shadow to gold color
2009 11 17 - I made the red font color slightly darker.

You should to add comment and rate the style.


+ Create discussion

Applies to:
all URLs
CC0 1.0 Universal.
newname@userstyles has waived all copyright and related or neighboring rights to Gmail - Drop Cap, to the extent allowed by law.

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.