HK Grotesk CSS

This repo provides you with a proper CSS file for importing the beautiful HK Grotesk to your project. Just add this to your HTML head:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/drinking-code/HK-Grotesk-Web/font.min.css">

...or this to your CSS:

@import url('https://cdn.jsdelivr.net/gh/drinking-code/HK-Grotesk-Web/font.min.css');

Includes

• all weights from 100 thin to 900 black
• regular and italics
• font-display: swap for faster text-rendering
• woff2 and woff links

Use

As described on the website, there are a couple of alternations. To use these just paste in the CSS attributes provided with each one. The alternations are as follows:

Set 1 (normal "g")
font-feature-settings: "ss01"

Set 2 (legacy "g")
font-feature-settings: "ss02"

Set 3 (round dots)
font-feature-settings: "ss03"

Ordinals
font-feature-settings: "ordn"

Discretionary Ligatures
font-feature-settings: "dlig"

Ligatures
font-variant-ligatures: common-ligatures (default in all browsers)

Fractions
font-feature-settings: "frac"

Note: You can also chain them like this:

font-feature-settings: "ss01", "ss03";

Licenses

The font HK Grotesk is licensed under the Open Font License (1.1).
font.css and font.min.css are licensed under the CC0 1.0 Universal license. (Public Domain)
Yeah, that's a license for a font-face CSS file.