title: How to obtain Avenir Black as a font-family in HTML5?
body: <p>I'm currently writing a web page in HTML5, trying to obtain Avenir Black as a font for a block of text. However, it seems that each time that I define it as the font family, it doesn't work, and displays the default font instead. Now I don't really want to modify the CSS file since it's only for one block of text... What's the problem?</p>
  
  <p>Thanks in advance!</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
  
      &lt;/head&gt;
  
      &lt;body&gt;
      &lt;p style="font-family : Avenir Black ; font-size : 54pt"&gt; SAMPLE &lt;/p&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Displays <a href="http://imgur.com/QlUaXTd" rel="noreferrer">http://imgur.com/QlUaXTd</a>.</p>