title: I cant change the font size or family in my bootstrap 4 navbar
body: <p>Hi I have tried multiple different solutions from this site and others but I cant figure out what is wrong with my code. I am very new to coding so excuse me if it's obvious. </p>
  
  <p>I cant change my font-family or size etc of the nav links from the css.</p>
  
  <p>Here is the code.</p>
  
  <pre class="lang-html prettyprint-override"><code> &lt;/head&gt;
    &lt;body&gt;
      &lt;section class="header"&gt;
        &lt;div class="container-fluid"&gt;
          &lt;nav class="navbar navbar-expand-lg navbar-dark"&gt;
            &lt;a class="navbar-brand" href="#"
              &gt;&lt;img
                src="images/Twisted-white-flat-7-7's.png"
                alt="the-twisted-spirit-7-7s"
                height="100px"
            /&gt;&lt;/a&gt;
            &lt;button
              class="navbar-toggler"
              type="button"
              data-toggle="collapse"
              data-target="#navbarTogglerDemo02"
              aria-controls="navbarTogglerDemo02"
              aria-expanded="false"
              aria-label="Toggle navigation"
            &gt;
              &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
            &lt;/button&gt;
  
            &lt;div class="collapse navbar-collapse" id="navbarTogglerDemo02"&gt;
              &lt;ul class="navbar-nav mr-auto mt-2 mt-lg-0"&gt;
                &lt;li class="nav-item active"&gt;
                  &lt;a class="nav-link" href="#" ;
                    &gt;Home &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a
                  &gt;
                &lt;/li&gt;
                &lt;li class="nav-item"&gt;
                  &lt;a class="nav-link" href="#" ;&gt;Link&lt;/a&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
              &lt;!-- &lt;form class="form-inline my-2 my-lg-0"&gt;
                &lt;input
                  class="form-control mr-sm-2"
                  type="search"
                  placeholder="Search"
                /&gt;
                &lt;button
                  class="btn btn-outline-success my-2 my-sm-0"
                  type="submit"
                &gt;
                  Search
                &lt;/button&gt;
              &lt;/form&gt; --&gt;
            &lt;/div&gt;
          &lt;/nav&gt;
        &lt;/div&gt;
      &lt;/section&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p>If you need anything else please ask. Thank you.</p>