title: Navigation bar font
body: <p>I am in need of some help with the custom nav bar I have created for an email template on Mailchimp. I'm not a coder but I've managed to create a nav bar which links to my web pages. However, the font that is currently showing in the nav bar is Times New Roman I believe, and I desperately want to change it to Source Sans Pro.</p>
  
  <p>The current code looks as follows:</p>
  
  <pre><code>&lt;style&gt;
  
  ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  }
  
  li {
  float: left;
  }
  
  li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  }
  
  li a:hover {
  background-color: #111;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>What do I add to make the current font change to Source Sans Pro?</p>
  
  <p>Any guidance would be much appreciated.</p>