Arch Rival Font Family

Use "Arch Rival" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Arch Rival 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 Arch Rival 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: 'SF Arch Rival Extended';
    font-style: normal;
    font-weight: normal;
    src: local('SF Arch Rival Extended'), url('SF_Arch_Rival_Extended.woff') format('woff');
}
@font-face {
    font-family: 'SF Arch Rival';
    font-style: normal;
    font-weight: normal;
    src: local('SF Arch Rival'), url('SF_Arch_Rival.woff') format('woff');
}
@font-face {
    font-family: 'SF Arch Rival Extended Italic';
    font-style: normal;
    font-weight: normal;
    src: local('SF Arch Rival Extended Italic'), url('SF_Arch_Rival_Extended_Italic.woff') format('woff');
}
@font-face {
    font-family: 'SF Arch Rival Italic';
    font-style: normal;
    font-weight: normal;
    src: local('SF Arch Rival Italic'), url('SF_Arch_Rival_Italic.woff') format('woff');
}
@font-face {
    font-family: 'SF Arch Rival Bold';
    font-style: normal;
    font-weight: normal;
    src: local('SF Arch Rival Bold'), url('SF_Arch_Rival_Bold.woff') format('woff');
}
@font-face {
    font-family: 'SF Arch Rival Extended Bold';
    font-style: normal;
    font-weight: normal;
    src: local('SF Arch Rival Extended Bold'), url('SF_Arch_Rival_Extended_Bold.woff') format('woff');
}
@font-face {
    font-family: 'SF Arch Rival Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('SF Arch Rival Bold Italic'), url('SF_Arch_Rival_Bold_Italic.woff') format('woff');
}
@font-face {
    font-family: 'SF Arch Rival Extended Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('SF Arch Rival Extended Bold Italic'), url('SF_Arch_Rival_Extended_Bold_Italic.woff') format('woff');
}

sample html

<h3 style="font-family: 'SF Arch Rival Extended'">Autem vitae quas ut.</h3>
<h3 style="font-family: 'SF Arch Rival'">Dolore labore modi ipsa itaque non rerum.</h3>
<h3 style="font-family: 'SF Arch Rival Extended Italic'">Sit et quo soluta est nobis.</h3>
<h3 style="font-family: 'SF Arch Rival Italic'">Similique sit quae praesentium id quia molestias.</h3>
<h3 style="font-family: 'SF Arch Rival Bold'">Et voluptas fuga libero voluptas placeat.</h3>
<h3 style="font-family: 'SF Arch Rival Extended Bold'">Quo voluptatem atque earum culpa qui natus.</h3>
<h3 style="font-family: 'SF Arch Rival Bold Italic'">Atque qui rem omnis explicabo.</h3>
<h3 style="font-family: 'SF Arch Rival Extended Bold Italic'">Atque nam commodi incidunt.</h3>

Preview

License

SF Arch Rival Bold Italic is a trademark of the ShyFonts Type Foundry.

Copyright (c) ShyFonts Type Foundry, 2000. All rights reserved.