Images and Fonts

Images

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

src/assets/img/

Ideally other images should be managed through the Media Library of WordPress. Try to only store SVG or minimal assets in your theme directory to keep the template as light as possible.

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 header.php. 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/header.php

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

Follow the creator

Join the community