如何让我的glyphicons在我的qtip工具提示中正确呈现？

Question

我使用qTip作为工具提示插件，我已经将qTip配置为接受和呈现HTML内容而不仅仅是文本。在工具提示的内部（以及外部），我使用Boostrap的新窗口glyphicons作为将用户带到外部页面的链接。

不幸的是，我的字形看起来很棒，除非它们在我的工具提示中。在我的工具提示中，它们看起来像这样： glyphicon_inside_tooltip (follow link to view image)。而不是预期的glypicon，只有一个毫无意义的方形形状。 我希望它们看起来像glyphicon_outside_tooltip (follow link to view image)（这是它们在工具提示之外经常出现的方式），当然，背景应该是我设置的黑暗qtip背景（使用'qtip-黑暗的qtip-youtube'类）。

以下是我的qtip配置的相关代码：

$('[data-toggle="tooltip"]').each(function() { 
    $(this).qtip({
        overwrite: false,
        html: true,
        content: {
            text: $(this).next('.source')
        },
        style: {
            classes: 'qtip-dark qtip-youtube ui-tooltip-content',
            def: false
        }
    });
});

工具提示的内容包含纯文本，其中HTML标签散布在样式和链接（以及我的字形）中。例如，qtip内容包括glyphicon的以下内容：

<a href=""><span class="glyphicon glyphicon-new-window"></span></a>

我不知道为什么字形不能在我的工具提示中正确呈现。希望你们都有一些想法。感谢。