sans-serif
Loretto
by Alwin Johnson
$45
Meet Loretto, a stunning font family defined by its minimal, elegant, clean, and beautiful aesthetic. Offering a powerful suite of 09 Font Weights, Loretto provides the ultimate flexibility needed to elevate any creative project. This typeface is perfectly crafted for establishing sophisticated brand identities and ensuring exceptional clarity across all your mediums. Loretto excels in applications such as dynamic logos, compelling magazines, effective advertisements, and engaging website designs. It is also the ideal choice for clear headlines, titles, captions, UIs, games, apps, films, and apparel. Loretto fully supports your global creative needs with uppercase and lowercase letters, multi-language support, ligatures, numbers, and punctuation. The comprehensive download pack includes all Webfonts (EOT, TTF, OTF), along with full Documentation & Demo, making integration into your workflow completely seamless.
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: 'Loretto'; src: url('/fonts/loretto-sans-serif-display-font.woff2') format('woff2'), url('/fonts/loretto-sans-serif-display-font.woff') format('woff'); font-weight: normal; font-style: normal; } - Use the font in your CSS:
body { font-family: 'Loretto', 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