Sinkin Sans Font Family

Use "Sinkin Sans" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Sinkin Sans 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 Sinkin Sans 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: 'Sinkin Sans 400 Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 400 Regular'), url('SinkinSans-400Regular.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 400 Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 400 Italic'), url('SinkinSans-400Italic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 100 Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 100 Thin'), url('SinkinSans-100Thin.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 100 Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 100 Thin Italic'), url('SinkinSans-100ThinItalic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 200 X Light';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 200 X Light'), url('SinkinSans-200XLight.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 200 X Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 200 X Light Italic'), url('SinkinSans-200XLightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 300 Light';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 300 Light'), url('SinkinSans-300Light.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 300 Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 300 Light Italic'), url('SinkinSans-300LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 500 Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 500 Medium'), url('SinkinSans-500Medium.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 500 Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 500 Medium Italic'), url('SinkinSans-500MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 600 SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 600 SemiBold'), url('SinkinSans-600SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 600 SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 600 SemiBold Italic'), url('SinkinSans-600SemiBoldItali.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 700 Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 700 Bold'), url('SinkinSans-700Bold.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 700 Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 700 Bold Italic'), url('SinkinSans-700BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 800 Black';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 800 Black'), url('SinkinSans-800Black.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 800 Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 800 Black Italic'), url('SinkinSans-800BlackItalic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 900 X Black';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 900 X Black'), url('SinkinSans-900XBlack.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 900 X Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 900 X Black Italic'), url('SinkinSans-900XBlackItalic.woff') format('woff');
}

sample html

<h3 style="font-family: 'Sinkin Sans 400 Regular'">Doloremque vitae voluptates perspiciatis quo.</h3>
<h3 style="font-family: 'Sinkin Sans 400 Italic'">Necessitatibus id omnis non ea officia quibusdam.</h3>
<h3 style="font-family: 'Sinkin Sans 100 Thin'">Facilis accusamus laborum nam ut autem dolor.</h3>
<h3 style="font-family: 'Sinkin Sans 100 Thin Italic'">Sunt quis quas illo ducimus exercitationem.</h3>
<h3 style="font-family: 'Sinkin Sans 200 X Light'">Laudantium et sed quo sequi ad error et.</h3>
<h3 style="font-family: 'Sinkin Sans 200 X Light Italic'">Odio ullam vel est.</h3>
<h3 style="font-family: 'Sinkin Sans 300 Light'">Ea consequuntur eos architecto ea nesciunt quam.</h3>
<h3 style="font-family: 'Sinkin Sans 300 Light Italic'">Necessitatibus rem similique mollitia saepe.</h3>
<h3 style="font-family: 'Sinkin Sans 500 Medium'">Excepturi autem illum quae eos.</h3>
<h3 style="font-family: 'Sinkin Sans 500 Medium Italic'">Veniam et exercitationem et blanditiis veniam.</h3>
<h3 style="font-family: 'Sinkin Sans 600 SemiBold'">Quia magnam rerum ipsam quae recusandae illum.</h3>
<h3 style="font-family: 'Sinkin Sans 600 SemiBold Italic'">Eos sapiente nobis est et voluptatem qui hic.</h3>
<h3 style="font-family: 'Sinkin Sans 700 Bold'">Nam eaque ut inventore et est voluptas fuga.</h3>
<h3 style="font-family: 'Sinkin Sans 700 Bold Italic'">Sequi voluptatem asperiores iure et aut.</h3>
<h3 style="font-family: 'Sinkin Sans 800 Black'">Ex eius eaque non corrupti consequatur.</h3>
<h3 style="font-family: 'Sinkin Sans 800 Black Italic'">Beatae vero in consequatur dolor minima aut.</h3>
<h3 style="font-family: 'Sinkin Sans 900 X Black'">Accusantium nemo quisquam nemo dolores.</h3>
<h3 style="font-family: 'Sinkin Sans 900 X Black Italic'">Esse voluptas fugiat natus.</h3>

Preview

License

All weights of SINKIN SANS are totally free for commercial and personal use as desktop and web fonts. You can freely distribute and modify SINKIN SANS provided the original copyright and license information, and details of any modifications, are included. SINKIN SANS is gifted 'as is', without warranty. SINKIN SANS is a trademark of K-Type. Licensed under the Apache License, Version 2.0

Sinkin Sans is a trademark of K-Type

Sinkin Sans 100 Thin by Keith Bates • © 2014 www.k-type.com • Sinkin Sans is a simple, pleasantly proportioned sans serif with tiny, inconspicuous notches that sink into vertical strokes adding highlights to congested corners.

http://www.apache.org/licenses/LICENSE-2.0.html