Search code examples
cssfontstransformpagespeedtypography

Is it usual to use transform skew instead of font-style italic

Page speed optimilization

I only have couple 1-line sentences (h1, h2) in italic and I don't know what is smarter:

  • set font-style italic (import italic font - 100-200kb extra)
  • simply use transform: skew(-15deg);

WHY?! I just don't know if this is a normal solution and usual to do. I know it is really stupid to use this solution on paragraphs and that's NOT my question here.

Solution

  • In order to avoid Browser Compatibility issue and to avoid hassle of handling for different browsers, I strongly suggest you to go with old classic italic unless it fulfill your requirement.