@font-face {
    font-family: OpenSans-Bold;
    src: url("OpenSans-Bold.ttf");
}

.bold {
    font-family: OpenSans-Bold, sans-serif;
}

@font-face {
    font-family: OpenSans-BoldItalic;
    src: url("OpenSans-BoldItalic.ttf");
}

.bold-italic {
    font-family: OpenSans-BoldItalic, sans-serif;
}

@font-face {
    font-family: OpenSans-ExtraBold;
    src: url("OpenSans-ExtraBold.ttf");
}

.extra-bold {
    font-family: OpenSans-ExtraBold, sans-serif;
}

@font-face {
    font-family: OpenSans-ExtraBoldItalic;
    src: url("OpenSans-ExtraBoldItalic.ttf");
}

.extra-bold-italic {
    font-family: OpenSans-ExtraBoldItalic, sans-serif;
}

@font-face {
    font-family: OpenSans-Italic;
    src: url("OpenSans-Italic.ttf");
}

.italic {
    font-family: OpenSans-Italic, sans-serif;
}

@font-face {
    font-family: OpenSans-Light;
    src: url("OpenSans-Light.ttf");
}

.light {
    font-family: OpenSans-Light, sans-serif;
}

@font-face {
    font-family: OpenSans-LightItalic;
    src: url("OpenSans-LightItalic.ttf");
}

.light-italic {
    font-family: OpenSans-LightItalic, sans-serif;
}

@font-face {
    font-family: OpenSans-Regular;
    src: url("OpenSans-Regular.ttf");
}

body {
    font-family: OpenSans-Regular, sans-serif;
}

@font-face {
    font-family: OpenSans-Semibold;
    src: url("OpenSans-Semibold.ttf");
}

.semibold {
    font-family: OpenSans-Semibold, sans-serif;
}

@font-face {
    font-family: OpenSans-SemiboldItalic;
    src: url("OpenSans-SemiboldItalic.ttf");
}

.semibold-italic {
    font-family: OpenSans-SemiboldItalic, sans-serif;
}