The font doesn’t change it only changes the Weight but not the family on the front end!

Question

The font does not change the family only the width on the front and shows no error in the console!

@import url("https://fonts.googleapis.com/css?family=Ubuntu");
.menu-vin li a{
    display:block;
    text-decoration: none;
    font-family: 'Ubuntu', sans-serif;
}

<ul class="list-inline menu-vin">
    <li class="list-inline-item"><a href="/">INICIO</a></li>
    <li class="list-inline-item"><a href="/quemsomos">QUEM SOMOS?</a></li>
    <li class="list-inline-item"><a href="/celulas">CÉLULAS</a></li>
    <li class="list-inline-item"><a href="/contato">CONTATO</a></li>
</ul>

@import url("https://fonts.googleapis.com/css?family=Ubuntu");
.menu-vin li a{
    display:block;
    text-decoration: none;
    font-family: 'Ubuntu', sans-serif;
}