sans-serif

Atreo

by Ancy George

$35

Meet The Atreo font family, a contemporary sans-serif typeface meticulously designed by Webhance Studio for versatility and elegance. With its clean lines, balanced proportions, and minimalist aesthetic, Atreo ensures high readability whether you're working in print or digitally. This font brings a refined, world-class look to everything from branding and editorial design to UI/UX interfaces. Atreo includes both uppercase and lowercase letters, numbers, and punctuation, plus advanced features like Stylistic Alternatives and Standard Ligatures (Liga). The comprehensive pack provides OTF, TTF, and full Web Fonts for seamless integration, along with free future updates and feature additions.

Buy on Typenotion Envato Monotype Creative Market

Available on multiple marketplaces

← Browse all Webhance fonts

Font Previews

Tags & Use Cases

modernfontdisplayfontlogofontminimalfontboldfontcreativefontinstagramfontsocialmediafontyoutubethumbnailfontclearfontbrandingfontposterfontfontsforreelsvideotitles

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: 'Atreo';
  src: url('/fonts/atreo-sans-serif-display-font.woff2') format('woff2'),
       url('/fonts/atreo-sans-serif-display-font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

Use the font in your CSS:

body {
  font-family: 'Atreo', 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