Problema quando uso a fonte webdings no firefox ou inkscape

Question

Eu instalei o webdings font no meu computador e ele funciona bem com LibreOffice .
Mas quando eu uso o webdings font em uma página html local: ele não funciona, o seguinte caractere unicode é exibido em vez do caractere desejado  .
Mas se eu exportar minha página da Web local para PDF (com a ferramenta wkhtmltopdf ), recebo o caractere desejado no PDF. Então eu não entendo porque não funciona na minha página web local (eu tentei com firefox e chromium ). Se alguém tem uma ideia?

Eu também tentei em inkscape , mas não consegui exibir meu personagem nele.

Um pouco de código para esclarecer:

/* the font in my css file */
@font-face {
    font-family:'webdings';
    font-weight: normal;
    font-style: normal;
    src: local('Webdings'), url('webdings.ttf') format('truetype'); }

.icone { font-family: webdings; }

<!-- my special character : it should be th earth -->
<td class="icone">&#xF0FC</td>