Analogue Reduced Font Family

Use "Analogue Reduced" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Analogue Reduced 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 Analogue Reduced 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: 'Analogue Reduced 55 Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Analogue Reduced 55 Regular'), url('Analogue55Regular.woff') format('woff');
}
@font-face {
    font-family: 'Analogue Reduced 56 Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Analogue Reduced 56 Oblique'), url('Analogue56Oblique.woff') format('woff');
}
@font-face {
    font-family: 'Analogue Reduced 35 Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Analogue Reduced 35 Thin'), url('Analogue35Thin.woff') format('woff');
}
@font-face {
    font-family: 'Analogue Reduced 36 Thin Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Analogue Reduced 36 Thin Oblique'), url('Analogue36ThinOblique.woff') format('woff');
}
@font-face {
    font-family: 'Analogue Reduced 45 Light';
    font-style: normal;
    font-weight: normal;
    src: local('Analogue Reduced 45 Light'), url('Analogue45Light.woff') format('woff');
}
@font-face {
    font-family: 'Analogue Reduced 46 Light Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Analogue Reduced 46 Light Oblique'), url('Analogue46LightOblique.woff') format('woff');
}
@font-face {
    font-family: 'Analogue Reduced 65 Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Analogue Reduced 65 Medium'), url('Analogue65Medium.woff') format('woff');
}
@font-face {
    font-family: 'Analogue Reduced 66 Medium Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Analogue Reduced 66 Medium Oblique'), url('Analogue66MediumOblique.woff') format('woff');
}
@font-face {
    font-family: 'Analogue Reduced 75 Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Analogue Reduced 75 Bold'), url('Analogue75Bold.woff') format('woff');
}
@font-face {
    font-family: 'Analogue Reduced 76 Bold Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Analogue Reduced 76 Bold Oblique'), url('Analogue76BoldOblique.woff') format('woff');
}
@font-face {
    font-family: 'Analogue Reduced 85 Black';
    font-style: normal;
    font-weight: normal;
    src: local('Analogue Reduced 85 Black'), url('Analogue85Black.woff') format('woff');
}
@font-face {
    font-family: 'Analogue Reduced 86 Black Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Analogue Reduced 86 Black Oblique'), url('Analogue86BlackOblique.woff') format('woff');
}

sample html

<h3 style="font-family: 'Analogue Reduced 55 Regular'">Itaque error omnis ullam nihil eum molestias.</h3>
<h3 style="font-family: 'Analogue Reduced 56 Oblique'">Ab facere voluptates odit.</h3>
<h3 style="font-family: 'Analogue Reduced 35 Thin'">Consequatur repellat incidunt qui qui aut.</h3>
<h3 style="font-family: 'Analogue Reduced 36 Thin Oblique'">Dolore illo est quasi expedita.</h3>
<h3 style="font-family: 'Analogue Reduced 45 Light'">Saepe et voluptatem iusto.</h3>
<h3 style="font-family: 'Analogue Reduced 46 Light Oblique'">Et assumenda et sunt eius non quos sed.</h3>
<h3 style="font-family: 'Analogue Reduced 65 Medium'">At ipsum sunt velit aperiam eaque saepe repellat.</h3>
<h3 style="font-family: 'Analogue Reduced 66 Medium Oblique'">Et voluptatem non dolor repellendus eius quia.</h3>
<h3 style="font-family: 'Analogue Reduced 75 Bold'">Doloremque ea voluptate beatae molestiae.</h3>
<h3 style="font-family: 'Analogue Reduced 76 Bold Oblique'">Non consequatur sed nihil.</h3>
<h3 style="font-family: 'Analogue Reduced 85 Black'">Laborum amet numquam iusto ea ad in maiores.</h3>
<h3 style="font-family: 'Analogue Reduced 86 Black Oblique'">Sint sunt doloremque quia mollitia similique.</h3>

Preview

License

100% Free

Analogue Reduced 35 Thin is a trademark of Ingo Zimmermann.

Copyright (c) 2010 by Ingo Zimmermann. All rights reserved.

http://www.ingofonts.com