Почему не меняется шрифт в зависимости от жирности?

Здравствуйте! Я хочу подключать разные шрифты, в зависимости от font-weight, но при указании его указании, ничего не меняется
Вот шрифты:

@font-face {
    font-family: 'Muller';
    src: url('fonts/MullerMedium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

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

@font-face {
    font-family: 'MullerBold';
    src: url('fonts/MullerBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
}

index.css

body {
  margin: 0;
  padding: 0;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
  background: #F6F6F6;
  line-height: 1;
  font-family: "Muller", "MullerBold" , sans-serif;
}

Однако везде стоит шрифт Muller, когда в body font-family, меняю шрифты местами (т.е. "MulleBold", "Muller"), то везде шрифт становится MullerBold.
Как это исправить? Заранее, спасибо, за любую помощь!