Enhance performances of font loading

[dlecan]

Fonts loading is the slowest part of the spacelephant.org page.

This issue to track enhancements.

Example of performance analysis: https://www.webpagetest.org/result/180411_YM_f1a3bdfabc6874065c058791d4a33ddd/

[dlecan]

Get Google font configuration: https://fontcdn.org/

[dlecan]

Loading page time will fall from 3.8s to 2.8s by using Google Font CDN.

Before: https://www.webpagetest.org/result/180411_YM_f1a3bdfabc6874065c058791d4a33ddd/

After: https://www.webpagetest.org/result/180412_PJ_12fcebdb28087f401d8d153bed38def3/

Step to implement:

• Declare dns pretech:

<link rel='dns-prefetch' href='//use.fontawesome.com' />
<link rel='dns-prefetch' href='//fonts.gstatic.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />

• Load CSS style sheet:

<link href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,600&subset=latin' rel='stylesheet' type='text/css'>

• Remove CSS import

• Clean-up code: remove folder fonts

[dlecan]

1.8s after optimizations! https://www.webpagetest.org/result/180416_GG_9d6edb735e9e7e70095044940c31abe6/