Street Corner Font Family

Use "Street Corner" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Street Corner 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 Street Corner 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: 'Street Corner';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner'), url('Street Corner.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner Narrower';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner Narrower'), url('Street Corner Narrower.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner Bold'), url('Street Corner Bold.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner Extend';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner Extend'), url('Street Corner Extend.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner HyperExtend';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner HyperExtend'), url('Street Corner HyperExtend.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner Narrow';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner Narrow'), url('Street Corner Narrow.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner Oblique'), url('Street Corner Oblique.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner SemiBold'), url('Street Corner SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner Thin'), url('Street Corner Thin.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner Upper Extend';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner Upper Extend'), url('Street Corner Upper Extend.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner Upper Narrower';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner Upper Narrower'), url('Street Corner Upper Narrower.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner Upper Narrow';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner Upper Narrow'), url('Street Corner Upper Narrow.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner Upper Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner Upper Oblique'), url('Street Corner Upper Oblique.woff') format('woff');
}
@font-face {
    font-family: 'Street Corner Upper';
    font-style: normal;
    font-weight: normal;
    src: local('Street Corner Upper'), url('Street Corner Upper.woff') format('woff');
}

sample html

<h3 style="font-family: 'Street Corner'">Sit esse qui ducimus commodi.</h3>
<h3 style="font-family: 'Street Corner Narrower'">Dolore magnam velit voluptas dolores.</h3>
<h3 style="font-family: 'Street Corner Bold'">Atque non quam ad quam occaecati illo architecto.</h3>
<h3 style="font-family: 'Street Corner Extend'">Sint illum neque dolorum.</h3>
<h3 style="font-family: 'Street Corner HyperExtend'">Ut nostrum et minima iste ipsa.</h3>
<h3 style="font-family: 'Street Corner Narrow'">Mollitia sunt amet provident ducimus.</h3>
<h3 style="font-family: 'Street Corner Oblique'">Et est molestiae qui commodi.</h3>
<h3 style="font-family: 'Street Corner SemiBold'">Illum quibusdam repellat et hic ullam et dolores.</h3>
<h3 style="font-family: 'Street Corner Thin'">Tenetur consequatur aut dicta nemo voluptatibus.</h3>
<h3 style="font-family: 'Street Corner Upper Extend'">Fuga harum mollitia ut laboriosam ut aliquam.</h3>
<h3 style="font-family: 'Street Corner Upper Narrower'">Neque et nisi iste esse maxime excepturi.</h3>
<h3 style="font-family: 'Street Corner Upper Narrow'">Qui voluptatem qui corrupti sed iste quos non.</h3>
<h3 style="font-family: 'Street Corner Upper Oblique'">Aut eum quam dolorem nesciunt sequi.</h3>
<h3 style="font-family: 'Street Corner Upper'">Cum inventore ut ducimus et.</h3>

Preview

License

© Graham Meade. All rights reserved. [email protected]