sans-serif

Hector

by Ancy George

$35

Meet Hector Sans, a clean and versatile sans-serif typeface designed by Webhance Studio with simplicity and elegance as the core focus. Currently available in a single weight, Hector Sans offers exceptional readability and a refined aesthetic, bringing a sophisticated and modern touch to your work. It's the perfect choice for any design project that requires a professional edge! This font includes both uppercase and lowercase letters, numbers, and punctuation. The package provides OTF, TTF, and full Web Fonts (EOT, TTF, WOFF) for seamless integration, along with free future updates and feature additions.

Buy on TypenotionEnvatoMonotypeCreative Market

Available on multiple marketplaces

← Browse all Webhance fonts

Font Previews

Hector preview 1
Hector preview 2
Hector preview 3
Hector preview 4
Hector preview 5
Hector preview 6
Hector preview 7
Hector preview 8
Hector preview 9
Hector preview 10

Tags & Use Cases

warbeauty logofightluxury logomilitary fontbrandinglogominimalelegantcleaninstagramfontyoutubethumbnailsocialmediafontheadlineboldfontsolidfontlogofontsimplerileyfontreels

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