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'">Unde nemo non iusto nobis.</h3>
<h3 style="font-family: 'SF Arch Rival'">Quidem voluptatum consectetur quas illum.</h3>
<h3 style="font-family: 'SF Arch Rival Extended Italic'">Perspiciatis nostrum optio assumenda officiis ut.</h3>
<h3 style="font-family: 'SF Arch Rival Italic'">A corrupti qui quo reiciendis.</h3>
<h3 style="font-family: 'SF Arch Rival Bold'">Perspiciatis magni qui eligendi quae veritatis.</h3>
<h3 style="font-family: 'SF Arch Rival Extended Bold'">Quia quia debitis unde eos quam.</h3>
<h3 style="font-family: 'SF Arch Rival Bold Italic'">Sed qui et voluptatibus architecto ipsa quam.</h3>
<h3 style="font-family: 'SF Arch Rival Extended Bold Italic'">Natus sed nesciunt autem.</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.