引导Glyphicons更改按钮

问题描述：

我一直在使用白手起家Glyphicons几天的字体和我的家人尝试添加一些文本的按钮里面有glyphicon图标：引导Glyphicons更改按钮

<button type="button" class="btn btn-default pull-left" data-toggle="collapse" data-bind="attr:{'href':'#'+'TableA'}"> 
    <span class="glyphicon glyphicon-th-list" aria-hidden="true" data-bind="text:' Details'"></span> 
</button>

它显示我的表在单击时。我需要的文本设置为宋体，但如果我改变它里面bootstrap.css或我补充一下：

<span class="glyphicon glyphicon-download-alt" aria-hidden="true" data-bind="text:' Download', style:{fontFamily: 'Arial'}"></span>

它改变了文本字体家庭为宋体，但glyphicon图标消失。我在做什么错？使用图形图标可以更改按钮内文本的字体系列？

答

您可以尝试将要更改文本内部字体的文本放入元素中。然后，将类或id分配给跨度，并在css文件中将跨度的字体系列更改为所需的那个，这不应该影响雕文。

感谢@ ste3333。你是第一个给我这个想法的人，所以我会将你的答案标记为解决我的问题的人。再次感谢！ :) – Dana

:) 希望它为你工作！ – 2Lach

是的。它效果很好！ :) – Dana

答

只需使用作为东西

<button type="button" class="btn btn-default pull-left" data-toggle="collapse" data-bind="attr:{'href':'#'+'TableA'}"> 
    <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>&nbsp; 
    <span style="--your style--">Download</span> 
</button>

谢谢@Rohit库马尔。你的答案和前一个一样，但你的代码。我不能标出两个答案，所以我会标记另一个答案，因为它是第一个回答我的问题的人。再次感谢！ :) – Dana

不是问题，讨论是学习的关键..快乐编码:) –

你是对的。谢谢！ :) – Dana

答

后予发泡短<span/>定义消耗的一个（<span></span>）的字体是固定的。

原始版本（无效字体）：

 <button type="button" class="btn btn-default"> 
      <span class="glyphicon glyphicon-send"/> 
      &nbsp;Send message 
     </button>

修正版本：

 <button type="button" class="btn btn-default"> 
      <span class="glyphicon glyphicon-send"></span> 
      &nbsp;Send message 
     </button>

我真的不明白为什么这个工作对我来说...

你救了我的一天，队友！谢谢 – oskarko

glyphicon类基本上是一种字体（有点像旧的wingdings字体，除了wingding完全替换了字母），所以它应用了它自己的字体设置。当关闭时，不再应用这些设置（即图形字体），恢复到下一个封闭元素应用的字体。仅供参考，因为这是你的最佳答案恕我直言。 – Inyoka

引导Glyphicons更改按钮

相关推荐