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'">Id distinctio quasi quas voluptatibus.</h3>
<h3 style="font-family: 'Analogue Reduced 56 Oblique'">Eum magni id deleniti.</h3>
<h3 style="font-family: 'Analogue Reduced 35 Thin'">Blanditiis aut molestiae exercitationem eum amet.</h3>
<h3 style="font-family: 'Analogue Reduced 36 Thin Oblique'">Qui nihil omnis nisi autem quas in.</h3>
<h3 style="font-family: 'Analogue Reduced 45 Light'">Aut vel et consectetur earum molestiae.</h3>
<h3 style="font-family: 'Analogue Reduced 46 Light Oblique'">Sunt quia sint ipsum ipsam eum non.</h3>
<h3 style="font-family: 'Analogue Reduced 65 Medium'">Eius ducimus est quidem magnam est voluptatibus.</h3>
<h3 style="font-family: 'Analogue Reduced 66 Medium Oblique'">Ipsam excepturi sed ipsa quam.</h3>
<h3 style="font-family: 'Analogue Reduced 75 Bold'">Et et asperiores qui harum et quasi illum.</h3>
<h3 style="font-family: 'Analogue Reduced 76 Bold Oblique'">Maiores autem corporis aut sunt.</h3>
<h3 style="font-family: 'Analogue Reduced 85 Black'">Consequatur dignissimos ipsam maiores et id qui.</h3>
<h3 style="font-family: 'Analogue Reduced 86 Black Oblique'">Natus repudiandae perspiciatis aliquid sit odit.</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