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'">Totam dignissimos dicta ea.</h3>
<h3 style="font-family: 'Street Corner Narrower'">Nisi voluptatem esse dicta est nemo.</h3>
<h3 style="font-family: 'Street Corner Bold'">Blanditiis odio quia quas unde.</h3>
<h3 style="font-family: 'Street Corner Extend'">Exercitationem et est nostrum.</h3>
<h3 style="font-family: 'Street Corner HyperExtend'">Corrupti et sit reiciendis facere unde.</h3>
<h3 style="font-family: 'Street Corner Narrow'">Beatae impedit facilis quae omnis.</h3>
<h3 style="font-family: 'Street Corner Oblique'">Ipsum ea tenetur est eos eaque rerum modi.</h3>
<h3 style="font-family: 'Street Corner SemiBold'">Atque iste magnam molestiae blanditiis.</h3>
<h3 style="font-family: 'Street Corner Thin'">Facilis minima ad dolores sapiente cumque.</h3>
<h3 style="font-family: 'Street Corner Upper Extend'">In sint incidunt esse qui harum non repellat.</h3>
<h3 style="font-family: 'Street Corner Upper Narrower'">Culpa totam dignissimos sint ab magni iste a.</h3>
<h3 style="font-family: 'Street Corner Upper Narrow'">Quis eum deserunt beatae magnam laborum.</h3>
<h3 style="font-family: 'Street Corner Upper Oblique'">Illo voluptas nihil et est asperiores.</h3>
<h3 style="font-family: 'Street Corner Upper'">Enim voluptatibus animi quae vitae.</h3>

Preview

License

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