使用XHTML语法关闭span元素时分配给文本的Glyphicon font-family

Question

玩Bootstrap。请参阅此页面上的代码：

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_glyphs&stacked=h

在文本“打印”之前显示带有字形的打印按钮：

<p>Print icon on a styled link button:
  <a href="#" class="btn btn-success btn-lg">
    <span class="glyphicon glyphicon-print"></span> Print 
  </a>
</p> 

使用font-family可以很好地呈现文本“Print”： 'Helvetica Neue'，Helvetica，Arial，sans-serif'

但是，此代码在语义上应该相同（元素本身中的XHTML / close span标记）：

<p>Print icon on a styled link button:
  <a href="#" class="btn btn-success btn-lg">
    <span class="glyphicon glyphicon-print" /> Print 
  </a>
</p> 

但它以不同的字体系列'Glyphicons Halflings'呈现文本。您可以尝试在w3schools.com编辑器中进行更改以查看效果。

查看Chrome检查器，显然打印文本作为范围的一部分包含在内，并从glyphicon继承了font-family。

那么，为什么不能使用XHTML语法关闭范围？ 有没有特别的原因，或者我缺少的其他东西？