<p dir="auto">Same as issue <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="23295700" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/11615" data-hovercard-type="issue" data-hovercard-url="/twbs/bootstrap/issues/11615/hovercard" href="https://github.com/twbs/bootstrap/issues/11615">#11615</a></p>
<p dir="auto">The glyphicon-th-list icon looks strange when in a button of normal size.</p>
<p dir="auto">Please, check here: <a href="http://jsfiddle.net/2bxapnts/" rel="nofollow">http://jsfiddle.net/2bxapnts/</a><br>
Bootstrap version: 3.2.0</p>
<p dir="auto">Can be reproduced on: Chrome, Firefox and IE (Windows 8)<br>
In case it's significant,  the default font size in my browser is 16px.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/7089997/3841914/78faa1c8-1e32-11e4-9b54-2a82800940d5.png"><img src="https://cloud.githubusercontent.com/assets/7089997/3841914/78faa1c8-1e32-11e4-9b54-2a82800940d5.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">After playing around with the chrome console, it looks like it's not just the fact that it is in a button but that this particular icon, when in font-size 14px (which is the font size in a normal button), looks different (with other font sizes, it looks normal).</p>
<p dir="auto">Strangely, on my tablet and also on my phone, the icon looks correct.<br>
I also tried on a Virtual machine with windows 7 and the issue can be reproduced there.</p>
<p dir="auto">It looks like it's Windows related but I cannot find the reason.</p>
<p dir="auto">There are some false displayed glyphicons</p>
<p dir="auto"><a href="http://jsfiddle.net/sn8h2/" rel="nofollow">http://jsfiddle.net/sn8h2/</a></p>