Images and Fonts

Images

It is recommended to store template image assets in your theme directory:

src/assets/img/

In the production build SVGs and other image assets will go through a minification process.

Google Fonts

Google Fonts are included by default in the helmet.html. Fonts are loaded asynchronously to prevent render-blocking and increase the page speed. In case you don't need them, don't forget to take them out.

src/includes/helmet.html

Custom Fonts

Fonts are always special. Your fonts should be stored in:

src/assets/fonts/

Then you can include them in your CSS:

@font-face {
    font-family: 'Helvetica Neue Thin';
    src: url('./fonts/Helvetica-Neue-Thin.eot?#iefix');
    src: url('./fonts/Helvetica-Neue-Thin.eot?#iefix') format('eot'),
    url('./fonts/Helvetica-Neue-Thin.woff2') format('woff2'),
    url('./fonts/Helvetica-Neue-Thin.woff') format('woff'),
    url('./fonts/Helvetica-Neue-Thin.ttf') format('truetype'),
    url('./fonts/Helvetica-Neue-Thin.svg#e3b7d1e7c160') format('svg');
}