@font-face {
    font-family: 'mononokiBold';
        src: url('../font/mononoki-bold.otf') format('truetype');
    font-weight: bold;
    font-style: normal;
      }

@font-face {
    font-family: 'mononokiBoldItalic';
        src: url('../font/mononoki-bolitalic.otf') format('truetype');
    font-weight: bold;
    font-style: italic;
      }

@font-face {
    font-family: 'mononokiItalic';
        src: url('../font/mononoki-italic.otf') format('truetype');
    font-weight: normal;
    font-style: italic;
      }

@font-face {
    font-family: 'mononokiRegular';
        src: url('../font/mononoki-regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
      }

 /* The following rules are deprecated. */ 

@font-face {
    font-family: 'mononoki';
        src: url('../font/mononoki-bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
      }



@font-face {
    font-family: 'mononoki';
        src: url('../font/mononoki-bolditalic.otf') format('truetype');
    font-weight: bold;
    font-style: italic;
      }



@font-face {
    font-family: 'mononoki';
        src: url('../font/mononoki-italic.otf') format('truetype');
    font-weight: normal;
    font-style: italic;
      }



@font-face {
    font-family: 'mononoki';
        src: url('../font/mononoki-regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
      }