问题标签 [foundation-icon-fonts]

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 投票
3 回答
2087 浏览

ruby-on-rails - Rails4 与 Foundation Icon Fonts 2 gem

我想在 Rails4 项目中使用“SASS for Rails 上的 Foundation Icon Fonts 2”gem。 https://github.com/zaiste/foundation-icons-sass-rails

我按照说明安装,但出现以下错误。

显示 /Users/[Username]/dev/[AppName]/app/views/layouts/application.html.erb 其中第 18 行提出:

找不到或无法读取要导入的文件:基础图标。加载路径:/Users/[Username]/dev/[AppName]/app/assets/images
/Users/[Username]/dev/[AppName]/app/assets/javascripts
/Users/[Username]/dev/[AppName ]/app/assets/stylesheets
/Users/[Username]/dev/[AppName]/vendor/assets/javascripts
/Users/[Username]/dev/[AppName]/vendor/assets/stylesheets
/Users/[用户名]/dev/[AppName]/vendor/bundle/gems/turbolinks-1.2.0/lib/assets/javascripts /Users/[用户名]/dev/[AppName]/vendor/bundle/gems/jquery -rails-3.0.2/vendor/assets/javascripts /Users/[用户名]/dev/[AppName]/vendor/bundle/gems/coffee-rails-4.0.0/lib/assets/javascripts /Users/[用户名] /dev/[AppName]/vendor/bundle/gems/zurb-foundation-4.2.3/scss /Users/[用户名]/dev/[AppName]/vendor/bundle/gems/zurb-foundation-4.2.3/js (在 /Users/[Username]/dev/[AppName]/app/assets/stylesheets/application.css.scss.css:16 中)

这个 gem 在 Rails4 中不可用吗?如果没有,我如何在 Rails4 中使用基础图标 fonts2?

0 投票
3 回答
5801 浏览

css - 更改 Foundation Icon Fonts 3 的大小?

我尝试在此处更改图标下载的大小:

http://zurb.com/playground/foundation-icon-fonts-3

他们在文档中说:

例如,我使用:

但是大小是16px,他们没有说我们怎么能改变......

0 投票
1 回答
668 浏览

gruntjs - 在 --libsass 环境中通过 Bower 安装 Foundation-Icon-Fonts

我正在使用 Foundation 5 -foundation-libsass-template。使用 bower,我使用以下命令添加了基础图标"bower install foundation-icons --save"。此命令下载基础图标包并将其保存到 bower_components 文件夹并修改我的bower.json文件。

问题:当我添加@import "foundation-icon-fonts";到我的 app.scss 文件时,Grunt 返回一个错误,因为它找不到该文件:

警告:C:/Users/Chris/Websites/example.com/lp/new/scss/app.scss:3:找不到或无法读取要导入的文件:“foundation-icon-fonts”

问题 1:我是否需要修改 Grunt.js 文件才能包含此库?如果是这样,有人可以提供一个例子吗?谢谢。

0 投票
2 回答
55 浏览

css - 增加字体大小时图标字体类不对齐

我正在使用我在http://iconvau.lt/中创建的图标字体,但是当我将 text-align center 放置时,图标不会居中。它停留在左侧。

0 投票
2 回答
404 浏览

firefox - 我的 Foundation 图标在 Firefox 中不起作用。仅显示框中的字母

我的搜索按钮带有损坏的图标

html

在 Firefox 中按 Ctrl+U 后,我导航到了 foundation-icons.css,所以我肯定正确链接到该文件。

我已经完全复制了基础图标文件夹,没有删除任何东西。它看起来像这样:

编辑:我更改了标题并添加了 Firefox 标签,因为在 Chromium 中一切似乎都运行良好。我有点难过,因为这意味着这是一个 Firefox 问题,我可能无法修复。

基础图标附带的 preview.html 文件在我的 Firefox 中也可以正常工作。

0 投票
0 回答
105 浏览

ruby-on-rails - 让基础图标显示在 Rails 4 / Cloudfront 环境中

我已经设法将我的 Rails 4 应用程序部署到 Heroku。所有资产均由 Cloudfront 实例提供。这部分工作完美。

我遇到的唯一问题是我的基础图标没有得到服务。这是这里这里看到的 CORS 问题的结果。我读到 AWS 最近已经为 CORS 问题实施了解决方案,这应该不再是问题,但我似乎无法修复/理解我的问题。

我已经尝试了上面的解决方案。我也尝试过使用"font_assets gem",如另一篇文章中所见,但我仍然遇到以下错误: