Fonts

To allow users to choose a custom font add a variable that is used in the font-family property:

/* your default font loaded from wherever */
@font-face {
    font-family: 'Acme';
    font-style: normal;
    font-weight: 400;
    src: ...
    format('woff2');
}
 
:root {
    --primary-font: 'Acme', sans-serif;
}
 
.primary-font {
    font-family: var(--primary-font);
}

<div class='primary-font'>
    Appears as Acme Font
</div>

Blueberry fonts are all fonts distributed with the Open Font License.

Generating A Theme Modification URL Logos