Tuesday, June 10, 2014

CSS Drop Caps

 The following is a copy of a tiny presentation given at the CSS Working Group F2F meeting in Seoul earlier in May. I've posted this only so that the minutes may link here, helping explain what we were talking about. 
—Dave



CSS Drop Caps Initials Letters

Initial Letters on the Web are Broken:









Today's CSS

span.dropcap {
  float: left;
  font-size: 5.3em;
  line-height: .85em;
  margin-bottom: -.1em;
}


Garamond: Looks OK




Georgia: Same CSS, but alignment is bad






Palatino: Also Bad





Correct



Proposal


p::first-letter {
  drop-initial-value: 3;
}

Uh-oh


InDesign Controls

Sunken Caps