title: How to reference images and fonts in WordPress?
body: <p>I have recently started using WordPress and am wanting to make sure I am referencing my images and fonts correctly. When I referenced my css file I used the wp_enqueue_style function, given that you do not reference the CSS file directly I was wondering if there is specific way that I should be referencing images and fonts.</p>
  
  <p>Currently for my header/logo I have done this</p>
  
  <pre><code>&lt;img src="http://localhost/testsite/wp-content/uploads/2017/02/toplogo.png";&gt;&lt;/img&gt;
  </code></pre>
  
  <p>This is the link I was given after uploading the image to the media section of the admin panel. Have I done this correctly, also when it comes to local fonts how should I go about that?</p>
  
  <pre><code>@font-face {
      font-family: Perpetua;  
      src: local('Museo300-Regular'), 
          url("fonts/Museo300-Regular.ttf") format('truetype');  
      font-weight: normal;  
  }
  </code></pre>