K2D Font Family

Use "K2D" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of K2D font. Webfont and @font-face supported all up-to-date browsers can use comfortably.

@font-face is very easy to use, click here to download K2D webfont kit. The following example will guide you to the css and html codes.

Ensuring the maximum cross browser typography support, WOFF (Web OpenFont Format) works with all up-to-date browsers. You can check the versions by clicking here.

Using this font on your website is your own legal responsibility. You can check the license information of the font.

@font-face kit

@font-face {
    font-family: 'K2D Italic';
    font-style: normal;
    font-weight: normal;
    src: local('K2D Italic'), url('K2D-Italic.woff') format('woff');
}
@font-face {
    font-family: 'K2D Bold';
    font-style: normal;
    font-weight: normal;
    src: local('K2D Bold'), url('K2D-Bold.woff') format('woff');
}
@font-face {
    font-family: 'K2D Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('K2D Bold Italic'), url('K2D-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'K2D Thin Regular';
    font-style: normal;
    font-weight: normal;
    src: local('K2D Thin Regular'), url('K2D-Thin.woff') format('woff');
}
@font-face {
    font-family: 'K2D ExtraLight Regular';
    font-style: normal;
    font-weight: normal;
    src: local('K2D ExtraLight Regular'), url('K2D-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'K2D Light Regular';
    font-style: normal;
    font-weight: normal;
    src: local('K2D Light Regular'), url('K2D-Light.woff') format('woff');
}
@font-face {
    font-family: 'K2D Medium Regular';
    font-style: normal;
    font-weight: normal;
    src: local('K2D Medium Regular'), url('K2D-Medium.woff') format('woff');
}
@font-face {
    font-family: 'K2D SemiBold Regular';
    font-style: normal;
    font-weight: normal;
    src: local('K2D SemiBold Regular'), url('K2D-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'K2D ExtraBold Regular';
    font-style: normal;
    font-weight: normal;
    src: local('K2D ExtraBold Regular'), url('K2D-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'K2D Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('K2D Thin Italic'), url('K2D-ThinItalic.woff') format('woff');
}
@font-face {
    font-family: 'K2D ExtraLight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('K2D ExtraLight Italic'), url('K2D-ExtraLightItalic.woff') format('woff');
}
@font-face {
    font-family: 'K2D Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('K2D Light Italic'), url('K2D-LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'K2D Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('K2D Medium Italic'), url('K2D-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'K2D SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('K2D SemiBold Italic'), url('K2D-SemiBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'K2D ExtraBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('K2D ExtraBold Italic'), url('K2D-ExtraBoldItalic.woff') format('woff');
}

sample html

<h3 style="font-family: 'K2D Italic'">Cupiditate nam minima sunt eos.</h3>
<h3 style="font-family: 'K2D Bold'">Eos aperiam qui molestiae alias et.</h3>
<h3 style="font-family: 'K2D Bold Italic'">Hic vitae modi inventore quia velit est omnis.</h3>
<h3 style="font-family: 'K2D Thin Regular'">Eaque quod et qui officia ipsum in quia fugiat.</h3>
<h3 style="font-family: 'K2D ExtraLight Regular'">Officia est voluptatem sit nam sapiente rem.</h3>
<h3 style="font-family: 'K2D Light Regular'">Quidem voluptas odio rem.</h3>
<h3 style="font-family: 'K2D Medium Regular'">Quod tempore consectetur magni rerum ad ex omnis.</h3>
<h3 style="font-family: 'K2D SemiBold Regular'">Dolorem cupiditate quasi vero ducimus.</h3>
<h3 style="font-family: 'K2D ExtraBold Regular'">Ut omnis sint et modi.</h3>
<h3 style="font-family: 'K2D Thin Italic'">Architecto dolore ad libero.</h3>
<h3 style="font-family: 'K2D ExtraLight Italic'">Veniam quo quia qui repellendus eos ut enim.</h3>
<h3 style="font-family: 'K2D Light Italic'">Voluptatum aut dolores et voluptatem.</h3>
<h3 style="font-family: 'K2D Medium Italic'">Possimus corporis beatae optio placeat.</h3>
<h3 style="font-family: 'K2D SemiBold Italic'">Eius velit quisquam accusamus tempore ipsum.</h3>
<h3 style="font-family: 'K2D ExtraBold Italic'">Ad sequi cum doloribus consequatur.</h3>

Preview

License

Copyright 2018 The K2D Project Authors (https://github.com/cadsondemak/K2D)

http://scripts.sil.org/OFL