/* <link rel="stylesheet" href="opensans.css" type="text/css" > 
белая тень  text-shadow: 1px 1px 0 #fff;
box-shadow:0 0 1px 0 rgba(0,0,0,.5);
  text-shadow:0 -1px 0 rgba(0,0,0,.25); 

Голубой:
  #00c0f2
Серый:
    #bbbdc0
  */
@font-face {
    font-family: 'OpenSansBold';
    src: url('opensans/OpenSansBold.eot');
    src: url('opensans/OpenSansBold.eot') format('embedded-opentype'),
         url('opensans/OpenSansBold.woff2') format('woff2'),
         url('opensans/OpenSansBold.woff') format('woff'),
         url('opensans/OpenSansBold.ttf') format('truetype'),
         url('opensans/OpenSansBold.svg#OpenSansBold') format('svg');
}
@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('opensans/OpenSansBoldItalic.eot');
    src: url('opensans/OpenSansBoldItalic.eot') format('embedded-opentype'),
         url('opensans/OpenSansBoldItalic.woff2') format('woff2'),
         url('opensans/OpenSansBoldItalic.woff') format('woff'),
         url('opensans/OpenSansBoldItalic.ttf') format('truetype'),
         url('opensans/OpenSansBoldItalic.svg#OpenSansBoldItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('opensans/OpenSansExtraBold.eot');
    src: url('opensans/OpenSansExtraBold.eot') format('embedded-opentype'),
         url('opensans/OpenSansExtraBold.woff2') format('woff2'),
         url('opensans/OpenSansExtraBold.woff') format('woff'),
         url('opensans/OpenSansExtraBold.ttf') format('truetype'),
         url('opensans/OpenSansExtraBold.svg#OpenSansExtraBold') format('svg');
}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('opensans/OpenSansItalic.eot');
    src: url('opensans/OpenSansItalic.eot') format('embedded-opentype'),
         url('opensans/OpenSansItalic.woff2') format('woff2'),
         url('opensans/OpenSansItalic.woff') format('woff'),
         url('opensans/OpenSansItalic.ttf') format('truetype'),
         url('opensans/OpenSansItalic.svg#OpenSansItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('opensans/OpenSansLight.eot');
    src: url('opensans/OpenSansLight.eot') format('embedded-opentype'),
         url('opensans/OpenSansLight.woff2') format('woff2'),
         url('opensans/OpenSansLight.woff') format('woff'),
         url('opensans/OpenSansLight.ttf') format('truetype'),
         url('opensans/OpenSansLight.svg#OpenSansLight') format('svg');
}
@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('opensans/OpenSansLightItalic.eot');
    src: url('opensans/OpenSansLightItalic.eot') format('embedded-opentype'),
         url('opensans/OpenSansLightItalic.woff2') format('woff2'),
         url('opensans/OpenSansLightItalic.woff') format('woff'),
         url('opensans/OpenSansLightItalic.ttf') format('truetype'),
         url('opensans/OpenSansLightItalic.svg#OpenSansLightItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('opensans/OpenSansRegular.eot');
    src: url('opensans/OpenSansRegular.eot') format('embedded-opentype'),
         url('opensans/OpenSansRegular.woff2') format('woff2'),
         url('opensans/OpenSansRegular.woff') format('woff'),
         url('opensans/OpenSansRegular.ttf') format('truetype'),
         url('opensans/OpenSansRegular.svg#OpenSansRegular') format('svg');
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('opensans/OpenSansSemibold.eot');
    src: url('opensans/OpenSansSemibold.eot') format('embedded-opentype'),
         url('opensans/OpenSansSemibold.woff2') format('woff2'),
         url('opensans/OpenSansSemibold.woff') format('woff'),
         url('opensans/OpenSansSemibold.ttf') format('truetype'),
         url('opensans/OpenSansSemibold.svg#OpenSansSemibold') format('svg');
}
@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('opensans/OpenSansSemiboldItalic.eot');
    src: url('opensans/OpenSansSemiboldItalic.eot') format('embedded-opentype'),
         url('opensans/OpenSansSemiboldItalic.woff2') format('woff2'),
         url('opensans/OpenSansSemiboldItalic.woff') format('woff'),
         url('opensans/OpenSansSemiboldItalic.ttf') format('truetype'),
         url('opensans/OpenSansSemiboldItalic.svg#OpenSansSemiboldItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansExtraBoldItalic';
    src: url('opensans/OpenSansExtraBoldItalic.eot');
    src: url('opensans/OpenSansExtraBoldItalic.eot') format('embedded-opentype'),
         url('opensans/OpenSansExtraBoldItalic.woff2') format('woff2'),
         url('opensans/OpenSansExtraBoldItalic.woff') format('woff'),
         url('opensans/OpenSansExtraBoldItalic.ttf') format('truetype'),
         url('opensans/OpenSansExtraBoldItalic.svg#OpenSansExtraBoldItalic') format('svg');
}