HK Grotesk font

By Hanken Design Co. on Aug 02, 2018

HK Grotesk

HK Grotesk

HK Grotesk

HK Grotesk

HK Grotesk is a sans serif typeface inspired from the classical grotesques. The goal in designing HK Grotesk is to create a more friendly and distinguishable typeface that is suitable for small text. Released with the SIL Open Font License — this typeface may be used in personal and commercial projects.

12/21/2016 update: More Cyrillic languages supported. More stable OpenType features. Webfonts, TTF, OTF and lots more improvements!
AAAaaa
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-regular";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.regular.ttf") format("truetype");
}
span.font0{font-family:"hk-grotesk-regular";font-size:px;text-transform:;}
</style>
HK Grotesk Regular
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-regular";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.regular.otf") format("truetype");
}
span.font1{font-family:"hk-grotesk-regular";font-size:px;text-transform:;}
</style>
HK Grotesk Regular
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-light";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.light.ttf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.light.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.light.ttf") format("truetype");
}
span.font2{font-family:"hk-grotesk-light";font-size:px;text-transform:;}
</style>
HK Grotesk Light
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-light";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.light.otf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.light.otf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.light.otf") format("truetype");
}
span.font3{font-family:"hk-grotesk-light";font-size:px;text-transform:;}
</style>
HK Grotesk Light
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-medium";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.medium.ttf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.medium.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.medium.ttf") format("truetype");
}
span.font4{font-family:"hk-grotesk-medium";font-size:px;text-transform:;}
</style>
HK Grotesk Medium
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-medium";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.medium.otf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.medium.otf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.medium.otf") format("truetype");
}
span.font5{font-family:"hk-grotesk-medium";font-size:px;text-transform:;}
</style>
HK Grotesk Medium
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-semibold";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.semibold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.semibold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.semibold.ttf") format("truetype");
}
span.font6{font-family:"hk-grotesk-semibold";font-size:px;text-transform:;}
</style>
HK Grotesk SemiBold
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-semibold";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.semibold.otf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.semibold.otf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.semibold.otf") format("truetype");
}
span.font7{font-family:"hk-grotesk-semibold";font-size:px;text-transform:;}
</style>
HK Grotesk SemiBold
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-bold";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.bold.ttf") format("truetype");
}
span.font8{font-family:"hk-grotesk-bold";font-size:px;text-transform:;}
</style>
HK Grotesk Bold
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-bold";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.bold.otf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.bold.otf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.bold.otf") format("truetype");
}
span.font9{font-family:"hk-grotesk-bold";font-size:px;text-transform:;}
</style>
HK Grotesk Bold
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-italic";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.italic.ttf") format("truetype");
}
span.font10{font-family:"hk-grotesk-italic";font-size:px;text-transform:;}
</style>
HK Grotesk Italic
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-italic";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.italic.otf") format("truetype");
}
span.font11{font-family:"hk-grotesk-italic";font-size:px;text-transform:;}
</style>
HK Grotesk Italic
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-light-italic";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.light-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.light-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.light-italic.ttf") format("truetype");
}
span.font12{font-family:"hk-grotesk-light-italic";font-size:px;text-transform:;}
</style>
HK Grotesk Light Italic
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-light-italic";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.light-italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.light-italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.light-italic.otf") format("truetype");
}
span.font13{font-family:"hk-grotesk-light-italic";font-size:px;text-transform:;}
</style>
HK Grotesk Light Italic
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-medium-italic";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.medium-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.medium-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.medium-italic.ttf") format("truetype");
}
span.font14{font-family:"hk-grotesk-medium-italic";font-size:px;text-transform:;}
</style>
HK Grotesk Medium Italic
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-medium-italic";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.medium-italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.medium-italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.medium-italic.otf") format("truetype");
}
span.font15{font-family:"hk-grotesk-medium-italic";font-size:px;text-transform:;}
</style>
HK Grotesk Medium Italic
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-semibold-italic";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.semibold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.semibold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.semibold-italic.ttf") format("truetype");
}
span.font16{font-family:"hk-grotesk-semibold-italic";font-size:px;text-transform:;}
</style>
HK Grotesk SemiBold Italic
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-semibold-italic";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.semibold-italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.semibold-italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.semibold-italic.otf") format("truetype");
}
span.font17{font-family:"hk-grotesk-semibold-italic";font-size:px;text-transform:;}
</style>
HK Grotesk SemiBold Italic
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-bold-italic";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.bold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.bold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.bold-italic.ttf") format("truetype");
}
span.font18{font-family:"hk-grotesk-bold-italic";font-size:px;text-transform:;}
</style>
HK Grotesk Bold Italic
<style type="text/css">
@font-face{
    font-family:"hk-grotesk-bold-italic";
    src:url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.bold-italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.bold-italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/h/606/606/file/hk-grotesk.bold-italic.otf") format("truetype");
}
span.font19{font-family:"hk-grotesk-bold-italic";font-size:px;text-transform:;}
</style>
HK Grotesk Bold Italic

Ad1

ad2