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'">Excepturi mollitia libero voluptatem ullam.</h3>
<h3 style="font-family: 'K2D Bold'">Sunt voluptate ex reprehenderit alias eum ut in.</h3>
<h3 style="font-family: 'K2D Bold Italic'">Nobis et aut consequatur nulla.</h3>
<h3 style="font-family: 'K2D Thin Regular'">Dicta aperiam omnis neque ut.</h3>
<h3 style="font-family: 'K2D ExtraLight Regular'">Quisquam dolorum deleniti eligendi eum.</h3>
<h3 style="font-family: 'K2D Light Regular'">Commodi officiis magni nemo quod natus.</h3>
<h3 style="font-family: 'K2D Medium Regular'">Velit inventore eveniet id ut sit.</h3>
<h3 style="font-family: 'K2D SemiBold Regular'">Quia officia nostrum assumenda.</h3>
<h3 style="font-family: 'K2D ExtraBold Regular'">Nihil quos id architecto hic non eos odio.</h3>
<h3 style="font-family: 'K2D Thin Italic'">Qui facilis voluptate repudiandae vitae.</h3>
<h3 style="font-family: 'K2D ExtraLight Italic'">Et repudiandae sequi harum aperiam et at libero.</h3>
<h3 style="font-family: 'K2D Light Italic'">Repellat ab blanditiis voluptas ducimus.</h3>
<h3 style="font-family: 'K2D Medium Italic'">Dolorem ab et repellat.</h3>
<h3 style="font-family: 'K2D SemiBold Italic'">Aperiam distinctio harum fugit.</h3>
<h3 style="font-family: 'K2D ExtraBold Italic'">Nisi aut officiis ipsam id non illo odit.</h3>

Preview

License

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

http://scripts.sil.org/OFL