Adding Custom Fonts

How to Add a Custom Font Resource in Miva

Miva allows you to upload and manage custom fonts directly from the Resources section of the admin. This lets you define font families and reference them across your site’s CSS as well as within Theme Editor.

Step 1: Upload the Font Files

/mm5/fonts/

Step 2: Create a Font Resource

1. In the Miva Admin, go to User Interface > Resources > Fonts.

2. Click Add Font Resource.

3. Complete the fields shown on the screenshot:

Name: A descriptive name (e.g., Apotek Standard) – this will display in font family selectors.
Code: A short identifier used in your CSS files (e.g., Apotek).
Font Type: Choose Google Font or Standard for custom uploaded fonts.
Font Family: Define the stack (e.g., Apotek, monospace).
Google Font Name: (Used for Google Font Type only) The Google Font Name can be found on the Embed code page of a font, Font Family name only in this field.
Embed Code: (Used for Standard Type only) Embed code will include the <stlye> tag and use @font-face to define the font. See the CSS example below for an example of embed code.

<style>
  /* Light (300) */
  @font-face {
    font-family: "Apotek";
    src: url("/mm5/fonts/Apotek_Light.woff2") 
  format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
</style>