readme.md

Estrutura de pastas para utilizar esta fonts

• fonts.scss
• fonts/*.eof
• fonts/*.woff
• fonts/*.ttf
• fonts/*.svg

Exemplos de utilização Utilizando

h1 { @extend %slab; }

h2 { @extend %sans-italic; }

fonts.scss

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 28, 2014 */
@font-face {
    font-family: 'odebrechtsans';
    src: url('fonts/odebrecht-sans-webfont.eot');
    src: url('fonts/odebrecht-sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/odebrecht-sans-webfont.woff') format('woff'),
         url('fonts/odebrecht-sans-webfont.ttf') format('truetype'),
         url('fonts/odebrecht-sans-webfont.svg#odebrechtsans') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'odebrechtsans_bold';
    src: url('fonts/odebrecht-sans_bold-webfont.eot');
    src: url('fonts/odebrecht-sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/odebrecht-sans_bold-webfont.woff') format('woff'),
         url('fonts/odebrecht-sans_bold-webfont.ttf') format('truetype'),
         url('fonts/odebrecht-sans_bold-webfont.svg#odebrechtsans_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'odebrechtsans_bold_italic';
    src: url('fonts/odebrecht-sans_bold_italic-webfont.eot');
    src: url('fonts/odebrecht-sans_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/odebrecht-sans_bold_italic-webfont.woff') format('woff'),
         url('fonts/odebrecht-sans_bold_italic-webfont.ttf') format('truetype'),
         url('fonts/odebrecht-sans_bold_italic-webfont.svg#odebrechtsans_bold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'odebrechtsans_italic';
    src: url('fonts/odebrecht-sans_italic-webfont.eot');
    src: url('fonts/odebrecht-sans_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/odebrecht-sans_italic-webfont.woff') format('woff'),
         url('fonts/odebrecht-sans_italic-webfont.ttf') format('truetype'),
         url('fonts/odebrecht-sans_italic-webfont.svg#odebrechtsans_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'odebrechtslab';
    src: url('fonts/odebrecht-slab-webfont.eot');
    src: url('fonts/odebrecht-slab-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/odebrecht-slab-webfont.woff') format('woff'),
         url('fonts/odebrecht-slab-webfont.ttf') format('truetype'),
         url('fonts/odebrecht-slab-webfont.svg#odebrechtslab') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'odebrechtslab_italic';
    src: url('fonts/odebrecht-slab_italic-webfont.eot');
    src: url('fonts/odebrecht-slab_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/odebrecht-slab_italic-webfont.woff') format('woff'),
         url('fonts/odebrecht-slab_italic-webfont.ttf') format('truetype'),
         url('fonts/odebrecht-slab_italic-webfont.svg#odebrechtslab_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

%sans {
    font-weight: normal;
    font-style: normal;
    font-family: 'odebrechtsans', sans-serif;
}

%sans-bold {
    font-weight: normal;
    font-style: normal;
    font-family: 'odebrechtsans_bold', sans-serif;
}

%sans-bold-italic {
    font-weight: normal;
    font-style: normal;
    font-family: 'odebrechtsans_bold_italic', sans-serif;
}

%sans-italic {
    font-weight: normal;
    font-style: normal;
    font-family: 'odebrechtsans_italic', sans-serif;
}

%slab {
    font-weight: normal;
    font-style: normal;
    font-family: 'odebrechtslab', sans-serif;
}

%slab-italic {
    font-weight: normal;
    font-style: normal;
    font-family: 'odebrechtslab_italic', sans-serif;
}