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

@font-face {
    font-family: 'sarabun';
    
    src: url('s/sarabun.eot');
    src: url('s/sarabun.eot?#iefix') format('embedded-opentype'),
         url('s/sarabun.woff') format('woff'),
         url('s/sarabun.ttf') format('truetype'),
         url('s/sarabun.svg#palatino') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont.woff') format('woff'),
         url('Roboto-Regular-webfont.ttf') format('truetype'),
         url('Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoblack';
    src: url('Roboto-Black-webfont.eot');
    src: url('Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Black-webfont.woff') format('woff'),
         url('Roboto-Black-webfont.ttf') format('truetype'),
         url('Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('Roboto-Bold-webfont.eot');
    src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Bold-webfont.woff') format('woff'),
         url('Roboto-Bold-webfont.ttf') format('truetype'),
         url('Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}