• DocumentationDocs

Images and Fonts


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


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.


Custom Fonts

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


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');
CSS, PostCSS and SassES6 JavaScript

Follow the creator

Join the community