League Gothic Font Family

Use "League Gothic" font as a Web Font

You can create beautiful websites with great typography using the @font-face kit of League Gothic font. Web font and @font-face supported all current browsers can use comfortably.

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

WOFF (Web OpenFont Format) works with all current browsers. You can check the versions by clicking here.

@font-face kit

@font-face {
    font-family: 'League Gothic';
    font-style: normal;
    font-weight: normal;
    src: local('League Gothic'), url('League_Gothic.woff') format('woff');
}
@font-face {
    font-family: 'League Gothic-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('League Gothic-Regular'), url('LeagueGothic-Regular.woff') format('woff');
}
@font-face {
    font-family: 'League Gothic-Condensed Regular';
    font-style: normal;
    font-weight: normal;
    src: local('League Gothic-Condensed Regular'), url('LeagueGothic-CondensedRegular.woff') format('woff');
}
@font-face {
    font-family: 'League Gothic-Italic';
    font-style: normal;
    font-weight: normal;
    src: local('League Gothic-Italic'), url('LeagueGothic-Italic.woff') format('woff');
}
@font-face {
    font-family: 'League Gothic-Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('League Gothic-Condensed Italic'), url('LeagueGothic-CondensedItalic.woff') format('woff');
}

sample html

<h3 style="font-family: 'League Gothic'">Soluta reiciendis quo sapiente vitae eum.</h3>
<h3 style="font-family: 'League Gothic-Regular'">Et voluptatem accusamus ut velit.</h3>
<h3 style="font-family: 'League Gothic-Condensed Regular'">Harum blanditiis nihil numquam enim quam ipsum.</h3>
<h3 style="font-family: 'League Gothic-Italic'">Non inventore qui ut repudiandae porro.</h3>
<h3 style="font-family: 'League Gothic-Condensed Italic'">Quae aut nam eos suscipit et et.</h3>

Preview

License