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. 

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



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


InDesign Controls

Sunken Caps