sans-serif
Xaviera Pro
by Webhance Studio
$35
Xaviera Pro is a distinctly modern Sans Serif typeface that brings both strength and style to your creative work. It’s an incredibly versatile font, designed to be effortlessly readable while still commanding attention. This typeface is a perfect fit for high-visibility applications, making it ideal for powerful film posters, attention-grabbing headlines, impactful logo designs, and expansive big banners. What makes Xaviera Pro stand out is its balance: its clean appearance and medium weight mean it looks fantastic alone and works beautifully when paired with more elaborate, decorative fonts for subheadings. The complete package, which includes OTF, TTF, and Web Fonts, ensures Xaviera Pro is ready for seamless use across all your print and digital typography needs.
Available on multiple marketplaces
Font Previews




Tags & Use Cases
How to Install Fonts
Installing on Mac
- Download and unzip the font files
- Double-click the font file (.otf, .ttf, or .ttc) to open it in Font Book
- Click the "Install Font" button in the preview window
- The font will be installed and available in all your applications
Tip: You can also drag font files directly into Font Book or copy them to ~/Library/Fonts/
Installing on Windows
- Download and extract the font files
- Right-click on the font file (.otf or .ttf) and select "Install" or "Install for all users"
- Alternatively, open Settings → Personalization → Fonts and drag the font files into the window
- Restart any open applications to see the newly installed fonts
Tip: For older Windows versions, copy font files to C:\Windows\Fonts
Using Fonts on the Web
To use this font on your website, you'll need a web font license. Follow these steps:
- Purchase a web font license from Typenotion
- Upload the web font files (.woff, .woff2) to your server
- Add the @font-face declaration to your CSS:
@font-face { font-family: 'Xaviera Pro'; src: url('/fonts/xaviera-pro-sans-serif-font.woff2') format('woff2'), url('/fonts/xaviera-pro-sans-serif-font.woff') format('woff'); font-weight: normal; font-style: normal; } - Use the font in your CSS:
body { font-family: 'Xaviera Pro', sans-serif; }
Note: Web font licenses have specific usage terms. Check your license for pageview limits and allowed domains.
Need help? Contact our support team