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'">Optio iste id nisi sed.</h3>
<h3 style="font-family: 'SF Arch Rival'">Aliquid adipisci quisquam animi iure.</h3>
<h3 style="font-family: 'SF Arch Rival Extended Italic'">Sed et delectus aliquid aliquam.</h3>
<h3 style="font-family: 'SF Arch Rival Italic'">Excepturi quaerat beatae velit.</h3>
<h3 style="font-family: 'SF Arch Rival Bold'">Id consequuntur exercitationem modi aut.</h3>
<h3 style="font-family: 'SF Arch Rival Extended Bold'">Quasi dolorum et dolores ut delectus.</h3>
<h3 style="font-family: 'SF Arch Rival Bold Italic'">Animi quae rerum suscipit ratione odio impedit.</h3>
<h3 style="font-family: 'SF Arch Rival Extended Bold Italic'">Saepe molestiae corporis rerum aut veniam.</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.