Seletor parcial de CSS para derrotar o Flash de texto sem estilo

Se você usar o código do webfontloader da Adobe / Typekit ( https://github.com/typekit/webfontloader ) para carregar fontes de diferentes provedores, então o flash do texto sem estilo provavelmente mostrou sua cara feia.

Há um ótimo pedaço de CSS que você pode usar para evitar que isso aconteça:

[class*="-loading"] {
visibility
: hidden;
}

Esta é uma correspondência parcial para classes contendo -loading, que é aplicado no htmlelemento (anexado ao nome da fonte).

Você pode querer aplicar isso apenas ao elemento html e, em seguida, direcionar os elementos de texto na página para torná-lo mais eficiente.