title: Font issue in Google Chrome
body: <p>I have some fonts installed on my machine and I use them while creating web pages. Few days back I noticed something, Google chrome was not using my font (Segoe UI Light). Instead, it applied "Times New Roman" on the entire webpage. When I inspected the elements, it shows 'Segoe UI Light' only, but the UI looks something like this (Notice the inspect element window, it still shows Segoe )</p>
  
  <p><img src="https://i.stack.imgur.com/UVEde.jpg" alt="enter image description here"></p>
  
  <p>But the user interface on Internet Explorer looks decent (and as expected) :</p>
  
  <p><br> <br></p>
  
  <p><img src="https://i.stack.imgur.com/NuZid.jpg" alt="enter image description here"></p>
  
  <p>Can anybody tell me what the exact problem is. As far as I remember, I have not changed any settings in chrome</p>
  
  <p><b> ---- EDIT ---- </b></p>
  
  <p>A simple demo added as per request.</p>
  
  <ol>
  <li><p>HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;link rel="stylesheet" type="text/css" href="x.css"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Demo&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;This is some demo text&lt;/div&gt;
      &lt;span&gt;This is some demo body. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
      cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
      proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/span&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><br></p></li>
  <li><p>CSS</p>
  
  <pre><code>div {
      font-family: "segoe ui light";
      font-size: 40px;
  }
  span {
      font-family: "segoe ui light";
      font-size: 20px;
  }
  </code></pre></li>
  </ol>