Imagem como botão CSS/HTML/Bootstrap

[PinkFloydb]

Bom dia, estou com um probleminha. Estou desenvolvendo um site utilizando Bootstrap 3, utilizei muitos glyphicons, só que eu quero fazer um botão de ajuda, usando o famoso '?', só que esse icone não tem no bootstrap, eu queria utilizar uma imagem PNG para fazer o papel do botão.

 

Como eu fiz e não deu certo:

<button id="help" type="button" data-toggle="modal" data-target="#janela-resposta"><img src="img/help.png"></button>

Quando clica no botão abre uma janela por isso não posso usar <a></a>, do jeito que coloquei acima até funciona mas na hora de estilizar estraga.

[JonathanMMachado]

Eu recomendo você utilizar o fontawesome (http://fontawesome.io/icon/question/), acho melhor.

 

Mas o que exatamente estraga na hora de estilizar? A modal, o botão, a imagem?

[DiF]

@PinkFloydb @JonathanMMachado

Vocês podem usar o icon-fonts pelo   https://icomoon.io/ 

Lá basta você ter no seu computador a imagem que quer usar em formato svg e aí você pode montar seu próprio set de icon fonts.  Sendo assim você pode usar normalmente com o bootstrap!

Isso vai permitir que seu botão seja mais leve,  para quem acessa com plano de dados. 

Lembre icon fonts são mais rápidas e leves do que imagens!

[PinkFloydb]

@DiF Pode crer, eu até tinha procurado algo assim mas não achei, vou dar uma olhada valeu.

adicionado 46 minutos depois

@JonathanMMachado Na hora que eu defino um width para o botão buga, e  na hora que eu vou colocar uma position: fixed para deixar ele no canto também buga.