@font-face {
    font-family: 'SF Arch Rival Extended';
    font-style: normal;
    font-weight: 400;
    src: 
        local('SF Arch Rival Extended'), 
        url('font/arch-rival/truetype/SF_Arch_Rival_Extended.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Arch Rival';
    font-style: normal;
    font-weight: 400;
    src: 
        local('SF Arch Rival'), 
        url('font/arch-rival/truetype/SF_Arch_Rival.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Arch Rival Extended';
    font-style: italic;
    font-weight: 400;
    src: 
        local('SF Arch Rival Extended'), 
        url('font/arch-rival/truetype/SF_Arch_Rival_Extended_Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Arch Rival';
    font-style: italic;
    font-weight: 400;
    src: 
        local('SF Arch Rival'), 
        url('font/arch-rival/truetype/SF_Arch_Rival_Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Arch Rival';
    font-style: normal;
    font-weight: 700;
    src: 
        local('SF Arch Rival'), 
        url('font/arch-rival/truetype/SF_Arch_Rival_Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Arch Rival Extended';
    font-style: normal;
    font-weight: 700;
    src: 
        local('SF Arch Rival Extended'), 
        url('font/arch-rival/truetype/SF_Arch_Rival_Extended_Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Arch Rival';
    font-style: italic;
    font-weight: 700;
    src: 
        local('SF Arch Rival'), 
        url('font/arch-rival/truetype/SF_Arch_Rival_Bold_Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Arch Rival Extended';
    font-style: italic;
    font-weight: 700;
    src: 
        local('SF Arch Rival Extended'), 
        url('font/arch-rival/truetype/SF_Arch_Rival_Extended_Bold_Italic.ttf') format('truetype');
}