Custom Font Family Overrides

Viafoura's default font is Roboto, however we provide CSS variables that can be used to override the typeface and replace it with any font family to match the look and feel of your page. We only support one font which is used for all text in our widgets.

To override the font family, the --primary-font CSS variable needs to be redefined.

.viafoura {
    --primary-font: new_font_family, sans-serif;
}

📘

Note

Provide a fallback value such as sans-serif so that a user who can't download/doesn't have the font family will still be able to see the text properly. Any custom fonts that are used should support 300, 300i, 400, 400i, 500, 500i, 700, and 700i weights and styles.


Did this page help you?