问题标签 [ionicons]

我安装了ionicons使用npm install --save ionicons，以便我package.json更新为：

接下来，我在我的/resources/assets/sass/app.scss:

成功运行后npm run dev，我结束了

在浏览器控制台中没有错误的情况下，没有显示单个离子图标（例如<i class="icon ion-home"></i>）。我检查public/css/app.css了，发现它引用了这样的离子字体：/fonts/vendor/ionicons/dist/ionicons，这似乎符合上面的文件夹结构。

我尝试调整@import、更改url(...)引用app.css、移动字体目录 - 不走运。最后，我尝试通过 CDN 引用 ionicons，它就像魅力一样。

我在这里做错了什么？谢谢

我想使用 Sequential WordPress 主题中的 css 自定义 Ionicon。Iconic Icons 最初不在主题中。所以我通过将此代码放在functions.php中添加。

然后将此代码放入footer.php。我想将图标直接放入页脚而不使用小部件。

最后添加css，让它看起来不错。（问题在这里）

图标将显示，但由于某种原因，CSS 将不适用。有人可以解决这个问题吗？

使用 npm安装ioniconsv3.0.0 后，我在将字体导入我的应用程序时遇到了很多麻烦：

似乎指向了正确的道路，但是，我遇到了很多错误，例如

显然，这个问题源于字体文件，因为例如上面的文件实际上是ionicons.eot，而不是ionicons.eot?v=3.0.0-alpha.3。

我还在Github 上找到了一个 3 年前的讨论，并尝试了评论中建议的每个加载程序，但没有一个有效。我是 Vue 和 webpack 的新手，所以我不确定自己做错了什么。

问题：为了能够在我的应用程序中使用 vue-loader 使用 Ionicons（或 Font Awesome 或任何其他字体库），我需要做什么？

所以我的样式文件如下所示：

除了 ionicons 之外的所有东西都可以正常工作，并且 ionicons.min.css 文件显示在捆绑的 css 文件中，以及 normalize.css 等。问题是图标不会显示，除非我在 index.html 中手动包含 cdn文件...我在这里缺少什么..？

因此，当从 node_modules 中包含时，离子图标不会出现在源代码中。

感谢所有的帮助！

我已经使用 HTML 和 CSS 制作了一个表单，我试图在搜索栏的右侧一直放置一个搜索图标，如下所示。我想知道如何使用离子来实现这一目标？

这是表单的小提琴。

我用来创建搜索栏的 HTML 代码是：

我正在尝试设置一个 Fuse-box 环境，以便能够将 JQuery、Boostrap 和 ionicons 包捆绑到两个文件中：

• 静态/资产/js/bundle.js
• 静态/资产/css/bundle.css

我有两个问题：

1. 我的 JQuery 脚本不起作用。
2. CSSResourcePlugin 不生成资源文件，因此不显示离子图标。

我的 fuse.js 文件设置如下：

我的打字稿文件：

索引.ts

./ts/sliders.ts

我的 app.scss 文件：

整个项目在 Github 上可用： https ://github.com/jezikk/fuse-box-test

你能帮我设置一下吗？

我正在尝试为我的 ionic 1 应用程序构建座位图，并且我有一个名为 drawSquare 的函数，如下所示：

但由于某种原因，它将所有图标绘制为正方形。

不知何故，即使图标字体已明确加载，它在渲染时也无法识别字体，因为页面的其余部分显示图标没有任何问题。

我将不胜感激。

我正在尝试将 ionicons 添加到我的 Angular 4 应用程序中。以下是采取的步骤：

1. 在http://ionicons.com/我下载了 zip 文件并将其解压缩。
2. 我在我的 Angular 项目中创建了一个名为icons的新文件夹
3. 我将ionicon.min.css 文件和字体文件夹从解压缩包中拖到我的新图标文件夹中。
4. 在项目的index.html文件中，我添加了 css 文件。
5. 现在在我预先创建的页脚组件中，我正在尝试使用图标。
6. 我在 index.html 文件中收到关于我的路径的服务器错误。

我错过了什么吗？

Ionicons 仅在桌面本地/生产中工作，但是当我在手机中测试时，图标显示为正方形。

Obs：
- 图标在桌面的所有屏幕上都能正常工作；
- Ruby on Rails 项目；

如何在运行 ng serve (npm start) 的 Angular 4 cli 项目中添加 ionicons (Sass)？

我按照以下步骤操作：

1. 导入 ionicons 库

   @import "~ionicons/dist/scss/ionicons";

2. 在 variables.scss 中：

   $ionicons-font-path: "~ionicons/dist/fonts";

在控制台中没有给出错误，但是没有加载字体并且没有出现图标。

使用

<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">

工作正常。