问题标签 [font-awesome]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
11 回答
76906 浏览

django - 如何在 Django 中使用 Font-awesome 的 Star 评级?

Fontawesome有一个很棒的星级 CSS 扩展,看起来真的很棒。

然而,点击任何 span 元素并不会真正做任何事情。我不知道如何将它与我的数据库模型挂钩。假设我在 Django 中有一个 0-5 的整数字段。如何根据用户在模板中的选择设置值?

在此处输入图像描述

0 投票
1 回答
1582 浏览

php - PHP GD 渲染 Unicode Private Use Area (PUA) 字体

我正在尝试在一个商业 Web 开发项目中使用 font-awesome 堆栈,我们已经把它带到了一个工作阶段,但是我们遇到了一个问题。

在移动设备(或不支持导入字体堆栈的浏览器)上查看我们的网站时,我们所有的图标都被替换为正方形(因为 font-awesome 使用 Unicode 字符来表示图标)。

这打破了我们网站的很多外观和感觉(尤其是我们编写的自定义管理面板)。

我们想出的解决方案是回退到使用 PHP 来呈现包含我们想要的图标的图像(我们想要指定的颜色作为参数,以及大小等)

这以前从来都不是问题,但现在我在让 PHP 呈现私人使用区域 (PUA) 字符时遇到了巨大的麻烦。

这是我正在尝试使用的一些示例代码:

然而,这似乎只是渲染图像内的正方形。我在想这是因为我将 unicode 字符严重输入到 PHP 中,这可能是我错过的一些非常愚蠢的事情。

欢迎任何建议。

0 投票
1 回答
838 浏览

shopify - 字体很棒的图标在 .liquid 文件中变成垃圾

我正在尝试使用 Shopify 和更少的字体真棒。我将我的less文件编译成css并添加了以下图标。

然后我将我的 css 文件重命名为 css.liquid 并上传。当我尝试在 Firefox 中查看图标时,它显示为垃圾。我应该在我的液体文件中放什么,以免它变成垃圾?

0 投票
2 回答
1237 浏览

fonts - 在 xpages 中使用图标字体

我想在我的 xpage 中使用图标(真棒)字体。我下载了它并将它们放入我的 webContent 文件夹(作为我所有的附加内容。例如引导程序)。我修改了 awesome.css 如下。

并将一个放入我的页面。

结果是。我在页面中看到了该图标字体的占位符,并在 firebug 中看到了两条错误消息。

"NetworkError: 404 Not Found - http://localhost/home.nsf/xsp/.ibmmodres/font/fontawesome-webfont.woff" "NetworkError: 404 Not Found - http://localhost/home.nsf/xsp/。 ibmmodres/font/fontawesome-webfont.ttf"

因此加载字体不起作用(文件位于该文件夹字体中,而我正在使用的其他 css 和 js 文件使用相同的方法加载)。我使用引导程序并停用了下载图标(但我对那里的字形有同样的问题)。

所以也许有人有一个想法。

0 投票
2 回答
177 浏览

css - textarea中不可见的小写'o'

无论出于何种原因,小写的“o”在我的文本区域中是不可见的。其他所有字母都可以正常工作。如果我突出显示它,它仍然是不可见的。

当我实际发布表单或从中复制并粘贴时,'o's 确实存在。

我将列出对这个文本区域有贡献的所有内容,希望你们能提出可能出错的地方。我很困惑。

Border-radius 和 box-sizing 符合预期,并在整个站点中使用,没有问题。

我只是想重申一下,我键盘上的每个其他字符都显示得很好。什么可能导致这些问题-'o's(对不起)

0 投票
1 回答
781 浏览

css - 如何用 twitter bootstrap 包装一个字形图标?

如何将字形图标和单词包装在一起,以使图标居中于单词上方或下方。例如:

0 投票
4 回答
17909 浏览

css - Font-Awesome 如何让字体按比例缩放?

我正在拼命地让我的放大镜字体把它渲染得更大。下面的代码在 Firefox 中运行良好,但在 Chrome 或 IE9 中运行良好。

我错过了什么?

谢谢!

0 投票
1 回答
988 浏览

ios - iOS项目中的IcoMoon

我成功地在我的 iOS 项目中加载了 FontAwesome,但我想知道是否也可以加载 IcoMoon 图标字体。

0 投票
2 回答
1589 浏览

objective-c - Objective-C FontAwesome

我正在尝试在 iOS 应用程序上启动并运行 FontAwesome,并且可以使用一些帮助。我有以下适用于 iOS 的代码:

@"\uf0c9"对应css类,icon-reorder。该字体似乎已安装在我的系统上(请参阅http://cl.ly/image/2F1x1z2H0i2N)。我得到了标准的框字符,好像没有加载字体(参见http://madmonkdev.com/badchar.png)。

任何帮助,将不胜感激。

0 投票
1 回答
735 浏览

ruby-on-rails-3.1 - 另一个@font-face-not-working-on-IE 问题

首先,我想提一下,我可能阅读了关于这个问题的 50 个其他主题,但我尝试过的任何内容都不适合我。

我正在使用font-awesome-rails gem将 FontAwesome 与我的 rails 3.1 应用程序集成。

在开发中,所有 3 种主要浏览器(FF、Chrome 和 IE7,8)中的图标都可以正常加载。

在 Production (Heroku) 中,图标仅在 FF 和 Chrome 中加载。我在 IE7 和 8 中得到方形框。

我真的不能说这是否是浏览器问题,因为它可以在我的本地机器上运行,但也不能真的说这是一个部署问题,因为它可以在其他浏览器中运行。

有任何想法吗?

更新:

下面是资产管道生成的 CSS。请注意 .woff 和 .tff 文件如何附加摘要哈希,但 .eot 和 .svg 文件并非如此。这可以解释为什么在生产中没有在 IE 上加载字体。

我能做些什么来解决这个问题,还是宝石所有者应该解决这个问题?