Documentation

Embedding images and fonts in CSS as data-URIs

Warning: This feature is still experimental!

Cassette can convert CSS images (under 32kB) and fonts (TTF or OTF) into data-URIs. Enable this feature with the following configuration.

bundles.Add<StylesheetBundle>(
    "styles",
    b => b.EmbedImages().EmbedFonts()
);

EmbedImages and EmbedFonts both accept an optional expression to tell Cassette which file paths to include. By default, Cassette will attempt to embed all images and fonts.