@font-face {
    font-family: 'NotoSansMongolian';
    src: url('polices/NotoSansMongolian-Regular.eot'); /* IE 9 Compatibility Mode */
    src: url('polices/NotoSansMongolian-Regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
         url('polices/NotoSansMongolian-Regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
         url('polices/NotoSansMongolian-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('polices/NotoSansMongolian-Regular.svg#NotoSansMongolian') format('svg'); /* Chrome < 4, Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
      font-family: 'Mongolian White';
      src: url('http://www.mongolfont.com/jAlmas/cms/documents/mongolfont/font//mnglwhiteotf.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }
*/

body {
 font-family: "LinLibertine", Georgia, serif;
}

/* Contrairement aux autres polices il faut mettre explicitement un <div class="mongol"> ou <p class="mongol">
de façon à écrire de haut en bas et de droite à gauche. https://gist.github.com/mongolian-it/5725037

http://generatedcontent.org/post/45384206019/writing-modes
*/
.mongol, p.mongol {
  -webkit-font-feature-settings: "ccmp";
  font-family: "LinLibertine", Georgia, serif, "NotoSansMongolian";
  -ms-writing-mode: tb-lr; 
  writing-mode: tb-lr; 
  -webkit-writing-mode : vertical-lr;
  writing-mode: vertical-lr; /* 2 entrées qui se contredisent !*/
  vertical-align: text-top;
  display: inline-block ;
  text-align: right ;
  vertical-align:text-bottom;
}