@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url('opensans-light-webfont.eot');
    url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('opensans-light-webfont.woff2') format('woff2'),
    url('opensans-light-webfont.woff') format('woff'),
    url('opensans-light-webfont.ttf') format('truetype'),
    url('opensans-light-webfont.svg#open_sanslight') format('svg');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('opensans-regular-webfont.woff2') format('woff2'),
    url('opensans-regular-webfont.woff') format('woff'),
    url('opensans-regular-webfont.ttf') format('truetype'),
    url('opensans-regular-webfont.svg#open_sansregular') format('svg');

}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('opensans-bold-webfont.woff2') format('woff2'),
    url('opensans-bold-webfont.woff') format('woff'),
    url('opensans-bold-webfont.ttf') format('truetype'),
    url('opensans-bold-webfont.svg#open_sansbold') format('svg');
}


/* vietnamese */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('sourcesanspro-light-webfont.eot');
    src: url('sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('sourcesanspro-light-webfont.woff2') format('woff2'),
    url('sourcesanspro-light-webfont.woff') format('woff'),
    url('sourcesanspro-light-webfont.ttf') format('truetype'),
    url('sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
}

/* vietnamese */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNOAHFN6BivSraYkjhveRHY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url('sourcesanspro-regular-webfont.eot');
    src: url('sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('sourcesanspro-regular-webfont.woff2') format('woff2'),
    url('sourcesanspro-regular-webfont.woff') format('woff'),
    url('sourcesanspro-regular-webfont.ttf') format('truetype'),
    url('sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
}

/* vietnamese */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('sourcesanspro-bold-webfont.eot');
    src: url('sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('sourcesanspro-bold-webfont.woff2') format('woff2'),
    url('sourcesanspro-bold-webfont.woff') format('woff'),
    url('sourcesanspro-bold-webfont.ttf') format('truetype'),
    url('sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
}