title: After applying google web font, a part of the background was removed. What should I do?
body: <p>My navigation bar has image as the background, and consists of buttons with nested links. When I applied Google web font, a square part of my nav bar background has been removed. </p>
  
  <p>How can I fix this? :)</p>
  
  <pre><code>nav { 
    padding: 0; 
    word-spacing: 5em; 
    background: url("bgbutton.jpg"); 
    border-radius: 50px; 
    float: center; 
    box-sizing: border-box; 
    border: 2px white solid; 
    text-shadow: 2px 2px 8px #FF0000; 
    text-align: justify; 
  }
  
  nav ul { list-style: none; } 
  nav li { display: inline; } 
  nav a  { color:white; text-decoration: none; }
  
  .buttonsnav button{
    background: url("bgbutton.jpg"); 
    background-size: cover; 
    width: 200px; height: 100px; 
    border-radius: 60px; 
  }
  </code></pre>