fading in text when custom font is ready is instant in chrome, firefox and safari, but takes quite some time in ios safari

Question

I\'m fading in some texts in < span > pieces when my page\'s custom fonts are loaded. The following code works perfectly/near instantly (in about 1 second) on chrome,