Related styles:
-
Created: Nov 04, 2009Last Updated: Sep 29, 2011
-
Created: Jan 17, 2010Last Updated: Dec 10, 2011
-
Created: May 05, 2009Last Updated: Dec 10, 2010
-
Created: Apr 28, 2009Last Updated: Nov 13, 2011
-
Created: Nov 05, 2009Last Updated: Dec 14, 2011
-
Created: Nov 05, 2009Last Updated: Aug 01, 2011
-
Created: Mar 26, 2013Last Updated: Apr 19, 2013
-
Created: Dec 05, 2009Last Updated: Oct 13, 2011
-
Created: Oct 31, 2011Last Updated: Nov 02, 2011
Gmail & Wikipedia - Drop Cap
Description:
Today's your lucky day.
This style tries to create a http://en.wikipedia.org/wiki/Drop_cap#Types_of_initials effect on your incoming email text bodies in Gmail. Works pretty well for non-html messages. It uses an elegant http://www.fontsquirrel.com/fonts/Rothenburg-Decorative.
Suggestions are welcome.
More info
https://gist.github.com/statueofmike/b9f0ee59ed6af5b87f72#file-gmail-drop-cap
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.
2017 03 28 - Added new DOM element matcher
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.
First install FreeStyler to use this style.
If you already installed it, please, make sure this site is allowed to run JavaScript.But you can download Freestyler for other browsers and apply styles there!
Applies to:
all URLs