CSS drop cap positioning is inconsistent across browsers when using webfont

Question

I\'m working on a wordpress theme that uses a webfont. I\'m running into an issue where my styling for drop caps works as intended on Firefox but is strangely misaligned on Chro