sans-serif

Devant Pro

by Alwin Johnson

$45

Introducing Devant Pro, a powerhouse modern sans-serif typeface from Webhance Studio that's designed to handle any creative challenge. This font is a true workhorse, perfect for high-impact visual projects like film posters, attention-grabbing headlines, clean logos, and massive large banners. What truly sets Devant Pro apart is its incredible depth and versatility. The family includes nine font weights with corresponding matching italics, giving you fine-grained control for both classic and decorative typography. Whether you need a light touch or a powerful, heavy statement, you have an option for every scenario. But the flexibility doesn't stop there! Devant Pro is built for global use with extensive multiple language support and includes alternate characters to add unique flair to your designs. For maximum convenience, the package is delivered in all the necessary formats: OTF, TTF, and all relevant web font formats. Plus, you get the peace of mind of free updates, ensuring your toolkit stays current. Devant Pro is the modern, versatile typeface your portfolio needs.

Buy on TypenotionEnvatoMonotypeCreative Market

Available on multiple marketplaces

← Browse all Webhance fonts

Font Previews

Devant Pro preview 1
Devant Pro preview 2
Devant Pro preview 3
Devant Pro preview 4
Devant Pro preview 5
Devant Pro preview 6

Tags & Use Cases

Attractivebannerscreativecreativetypographyeyecatchinggraphicdesigninteractivelandingpagesmovietitlespostersprintsimplestunningwebpagewebfont

How to Install Fonts

Installing on Mac

  1. Download and unzip the font files
  2. Double-click the font file (.otf, .ttf, or .ttc) to open it in Font Book
  3. Click the "Install Font" button in the preview window
  4. 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

  1. Download and extract the font files
  2. Right-click on the font file (.otf or .ttf) and select "Install" or "Install for all users"
  3. Alternatively, open Settings → Personalization → Fonts and drag the font files into the window
  4. 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:

  1. Purchase a web font license from Typenotion
  2. Upload the web font files (.woff, .woff2) to your server
  3. Add the @font-face declaration to your CSS:
    @font-face {
  font-family: 'Devant Pro';
  src: url('/fonts/devant-pro-sans-serif-display-font.woff2') format('woff2'),
       url('/fonts/devant-pro-sans-serif-display-font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
  4. Use the font in your CSS:
    body {
  font-family: 'Devant 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