title: How to make fonts display on web cross-platform?
body: <p>I use pixel setting of font size in my CSS-code.
  for example:</p>
  
  <pre><code>.items {
      font-family: Verdana, Arial;
      font-size: 14px;
      width: 100px;
  }
  </code></pre>
  
  <p>I have a problem. For example there are words <code>Hello words</code> written in element of class <code>.items</code>. Element fits in 100px and is displayed OK (in Ubuntu Linux). But in Windows browsers fonts are wider and text doesn't fit in 100px, so 2 lines of text appear (that I don't want to be)</p>
  
  <p>How to protect your site from such problems? How to be sure, that every text in elements fits its container? </p>