Fonts and Tokens
Vivid uses Montserrat and Roboto Mono Google fonts.
Vonage products should use the brand-specific Spezia font families.
To use the Spezia webfont kit in your project, import the following file:
'node_modules/@vonage/styles/fonts/spezia-variable.css';
To avoid FOIT (Flash Of Invisible Text), you also should preload the fonts in your HTML <head>
section:
<head>
<link rel="preload" href="https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2" type="font/woff2" as="font" crossorigin="anonymous" >
<link rel="preload" href="https://fonts.resources.vonage.com/fonts/v2/SpeziaMonoCompleteVariableWeb.woff2" type="font/woff2" as="font" crossorigin="anonymous" >
</head>
Still looking for answers, ask us in #ask-vivid slack channel.