Hanken Grotesk

Classification

Font Technology

Variable Font with 1 axis

Weight (wght): 100–900

How To Use Hanken Grotesk

To use Hanken Grotesk in your web project, either search Google Fonts and use their embed code or host the font on your server and use the CSS below. Note: fonts served by Google Fonts may be missing some OpenType features that are available in the original font.

Download Hanken Grotesk

@font-face {
  font-family: 'Hanken Grotesk';
  src: url('<YOUR SERVER PATH>HankenGrotesk[wght].ttf') format(woff2);
  font-weight: 100 900;
  font-stretch: 100%;
  font-style: normal;
}

@font-face {
  font-family: 'Hanken Grotesk';
  src: url('<YOUR SERVER PATH>HankenGrotesk-Italic[wght].ttf') format(woff2);
  font-weight: 100 900;
  font-stretch: 100%;
  font-style: italic;
}

Description

Hanken Grotesk is a sans serif typeface inspired by the classic grotesques. Geometry, metrics, punctuations and OpenType features have been updated to support a wide range of projects such as environmental signage, textface for books and magazines, Interface, Websites and Mobile Applications. The Hanken Grotesk project is led by Alfredo Marco Pradil. To contribute, see github.com/marcologous/hanken-grotesk

Designer

Alfredo Marco Pradil, Hanken Design Co.

Copyright

OpenType Features

Discretionary ligatures

Fractions

Standard ligatures

Ordinals

Stylistic set 1

Stylistic set 2

Stylistic set 3

Superscript

Proportional numbers

Related Fonts

Font Size

Weight

Hanken Grotesk regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.

, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™

Arbitrary Fractions

diagonal-fractions

1/2 1/3 2/3 3/4 5/8 15/16 1234/5678

Discretionary ligatures

default css
font-feature-settings: "dlig" 1

Fractions

default css
font-feature-settings: "frac" 1

Standard ligatures

font-variant-ligatures: none
font-feature-settings: "liga" 1

ffi

ffl

Ordinals

default css
font-feature-settings: "ordn" 1

No.

Stylistic set 1

default css
font-feature-settings: "ss01" 1

ḡ

Stylistic set 2

default css
font-feature-settings: "ss02" 1

ḡ

Stylistic set 3

default css
font-feature-settings: "ss03" 1

Ặ

Ậ

Ạ

Ệ

Ẹ

Ị

Ṅ

Ộ

Ọ

Ợ

Ụ

Ự

Ẅ

Ỵ

ặ

ậ

ạ

ệ

ị

ṅ

ộ

ợ

ụ

ự

ẅ

ỵ

;

…

•

‥

Hanken Grotesk italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™

Numerals

proportional-nums

0123456789 0123456789

Arbitrary Fractions

diagonal-fractions

1/2 1/3 2/3 3/4 5/8 15/16 1234/5678

Discretionary ligatures

default css
font-feature-settings: "dlig" 1

Fractions

default css
font-feature-settings: "frac" 1

Standard ligatures

font-variant-ligatures: none
font-feature-settings: "liga" 1

ffi

ffl

Ordinals

default css
font-feature-settings: "ordn" 1

No.

Stylistic set 1

default css
font-feature-settings: "ss01" 1

ḡ

Stylistic set 2

default css
font-feature-settings: "ss02" 1

ḡ

Stylistic set 3

default css
font-feature-settings: "ss03" 1

Ặ

Ậ

Ạ

Ệ

Ẹ

Ị

Ṅ

Ộ

Ọ

Ợ

Ụ

Ự

Ẅ

Ỵ

ặ

ậ

ạ

ệ

ị

ṅ

ộ

ợ

ụ

ự

ẅ

ỵ

;

…

•

‥