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'">Magni quaerat impedit adipisci.</h3>
<h3 style="font-family: 'SF Arch Rival'">Quis voluptas ea a soluta rerum natus error aut.</h3>
<h3 style="font-family: 'SF Arch Rival Extended Italic'">Sed tempora laborum sit.</h3>
<h3 style="font-family: 'SF Arch Rival Italic'">Voluptatem ipsam consequatur optio.</h3>
<h3 style="font-family: 'SF Arch Rival Bold'">Omnis natus delectus perferendis at sed.</h3>
<h3 style="font-family: 'SF Arch Rival Extended Bold'">Illum at doloremque consectetur aut neque.</h3>
<h3 style="font-family: 'SF Arch Rival Bold Italic'">Illum sed vel rerum ut exercitationem quia ea.</h3>
<h3 style="font-family: 'SF Arch Rival Extended Bold Italic'">Pariatur iure quod ipsum sunt rerum et dolores.</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.