pseudo-element use

• 

  gotanuki · Member · Jan 24, 2012 at 6:24 am

  • Copy link
  • Add topic to favorites

  Hello. New to CSS customization. Wondering why my attempt at pseudo-elements doesn’t work. This is the code I input:

  p:first-letter {
  font-face: Gothic, serif;
  font-size: 250%;
  float: left;
  }

• 

  thesacredpath · Member · Jan 24, 2012 at 7:27 am

  • Copy link

  pseudo elements are not recognized by all browsers (Internet Explorer 8 partial, IE7 and earlier not at all) so they should be used with caution. Also, font-face in CSS was depreciated long ago. Also also, Gothic is not a font that is common to computer OS’ so few people would see it. It would be better to use Georgia or Times New Roman.

  http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

  p:first-letter {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 250%;
  float: left;
  }

• 

  designsimply · Member · Jan 24, 2012 at 6:51 pm

  • Copy link

  The first code example (except the “Gothic” font part) worked for me in a test.

• 

  gotanuki · Member · Jan 25, 2012 at 5:14 am

  • Copy link

  thanks! that answers my question.