Wie richtig sind Schriftarten in HTML

Question

Aktuelle Schriftarten in CSS-Datei enthalten sind, wie unten:

@font-face { 
    font-family: 'icomoon'; 
    src: url("../fonts/icomoon.eot"); 
    src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"); 
    font-weight: normal; 
    font-style: normal; } 

Aber wenn die Seite geladen wird, es blockiert, bis diese schweren Schriftarten Rendering geladen. Sollte ich nur HTML in HTML mit <style> Tag einfügen, aber gibt es eine bessere Möglichkeit, die Ladegeschwindigkeit der Seite optimiert zu halten?

Answer 1

Auch wenn Sie JavaScript verwenden, wird es gleich sein ... stattdessen können Sie eine preloader Overlay zeigen, bis die Seite geladen wird vollständig .. dann verstecken Sie einfach die preloader Overlay

https://css-tricks.com/snippets/css/using-font-face/