Embossed text look

(4 posts) (2 voices)

1. 

   KEXINO
   Member

   Hello,

   I've been seeing this embossed-text look on more and more WP sites recently. Used sparingly, I think it can look really nice. Here's an example of what I mean:

   http://www.christopherspenn.com/

   It looks a bit like a white version of the text placed underneath, offset ever so slightly. Like a white drop shadow but without any blur. How could I replicate the effect in CSS for InFocus?

   Posted 1 year ago #
2. 

   Elliott
   Support

   Hello KEXINO,

   Here are some articles I dug up that you might be interested in,

   http://www.catswhocode.com/blog/8-examples-of-stunning-css3-text-effects
   http://www.css3.info/preview/text-shadow/
   http://www.addictivefonts.com/various/css3/css3-text-effects/
   http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow

   With inFocus you can find the text styles in /wp-content/themes/infocus/style.css starting on line 67 where it says "General Typography".

   Posted 1 year ago #
3. 

   KEXINO
   Member

   Thanks Elliott.

   Posted 1 year ago #
4. 

   Elliott
   Support

   Your welcome KEXINO, keep us updated on how your fonts come out.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.