sans-serif

Hardrock

by Alwin Johnson

$35

Introducing Hardrock, a powerful and versatile display font designed for high-impact visual communication across all mediums. This typeface is ready for a wide range of applications, including professional graphic design, detailed text presentation, and comprehensive web and print design. Hardrock is especially well-suited for creating strong branding and logos, effective marketing materials, attention-grabbing banners, posters, and corporate identities. Crucially, this is an Uppercase font that includes full numbers, punctuation, and extensive non-English character support—covering Latin Basic, Western European, South American, and South Eastern languages. With 200+ glyphs and free future updates, the package provides flexibility across TTF, OTF, and Web Font Kit formats, making Hardrock a robust and reliable choice for your most demanding projects.

Buy on TypenotionEnvatoMonotypeCreative Market

Available on multiple marketplaces

← Browse all Webhance fonts

Font Previews

Hardrock preview 1
Hardrock preview 2
Hardrock preview 3
Hardrock preview 4
Hardrock preview 5
Hardrock preview 6
Hardrock preview 7
Hardrock preview 8
Hardrock preview 9
Hardrock preview 10
Hardrock preview 11
Hardrock preview 12

Tags & Use Cases

headlineclearbrandingfontwebdsignfontuifontfashionfontlogofontsimpleuniquemodernfontbolduppercasemultilingualminimalstyleprintdesign

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: 'Hardrock';
  src: url('/fonts/hardrock-sans-serif-display-font.woff2') format('woff2'),
       url('/fonts/hardrock-sans-serif-display-font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
  4. Use the font in your CSS:
    body {
  font-family: 'Hardrock', 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