如何/在哪里安装字体在jquery移动应用程序中很棒

尝试我可能无法让Font Awesome工作。 我已将Font Awesome包上传到我的根目录并链接到它。

 

css包含字体声明

 @font-face { font-family: 'FontAwesome'; src: url('font/fontawesome-webfont.eot'); src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } 

字体位于子目录root / font-awesome / font /

我的链接标记示例:

  

我放置什么图标标签似乎并不重要 – 我得到一个空白的圆圈。

任何建议都会很明显。 这种情况发生在我的Mac上的Firefox safari和iOS 6.0 – iPhone上的safari中

我在Font Awesome 4和早期版本上都测试了这个。 我的答案基于第4版。

因此,您需要做的是从Font Awesome样式表中复制图标类,并将它们添加到您自己的样式表中。 然后只需在类名前添加ui-icon-即可 。 您还必须对创建font-family的类执行此操作。

例如,如果你有data-icon =“fa fa-cog”

font-family类是.fa ,这将成为.ui-icon-fa

 .ui-icon-fa {} 

实际的图标css .fa-cog将成为.ui-icon-fa-cog

 .ui-icon-fa-cog:before { content: "\f013"; } 

希望这是有道理的。

Font Awesome网站示例是否适用于这些浏览器?

确保您的HTML文档类型是HTML5: