以往當網頁要套用CSS時，都會將css以link的方式，寫在網頁的head間。
這時會看到，一開始畫面是全白，直到css全部載入完畢後，畫面才會一次顯示出來。

因此這時將下方的語法加入後，當要載入CSS時，將css放到a.href，當有多組多，就自行建立多個，最後再z.parentNode.insertBefore依序的加入即可。

使用方式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
    var cb = function() {
        var a = document.createElement('link'); 
        a.rel = 'stylesheet';
        a.href = 'fonts/general-j/mplus_webfonts.css';
    
        var b = document.createElement('link'); 
        b.rel = 'stylesheet';
        b.href = 'fonts/basic_latin/mplus_webfonts.css';
    
        var z = document.getElementsByTagName('head')[0];
        z.parentNode.insertBefore(a,z);
        z.parentNode.insertBefore(b,z);
    };
        var raf = requestAnimationFrame || mozRequestAnimationFrame ||
        webkitRequestAnimationFrame || msRequestAnimationFrame;
    if (raf) raf(cb);
    else window.addEventListener('load', cb);
</script>

參考