load-style

Syntax

load-style: "url" [every (time)] [after (time)][, (class)...];

url = The url of the CSS stylesheet file to load.

 

This example would load font-awesome css after the page is active.

body:init {
    load-style: "/font-awesome/css/all.css";
}

The stylesheet location is stored in memory as having been loaded and will not be retrieved from the server again if run more than once.

This technique is good for boosting page loading performance, but can have a detrimental effect on initial display due to the lag. It is not used on this site, as we can get away with using native web icons and small svg icons where needed.