Questions tagged [foundation-icon-fonts]

Created by ZURB, they created these icons with specific standards which gives a cohesive voice and style to develop an amazing font set for everyone to love, enjoy and use on their website. Some standards includes:

Geometric

All icons are made with basic shapes like triangles, squares, rectangles and circles.

Round Corners

All icons are made with rounded corners to give the icons a softer and more approachable feel.

Thick Line Weights

All icons opt for a thicker line weight as opposed to thin lines so that the icons could be scalable, as well give it the friendly look we're going for.

Natural Angles

We've given these specific rotation degrees to maintain the consistency as a set.

Scalable

When creating these icons, we are thoughtful with how these icons would scale at small and large sizes.

After converting these vector icons into a font, we’ve given you the ability to have an endless number of sizes, colors and styles for the icons that you need which could be customized and stylized via CSS.

Here is the documentation for the latest version "Foundation Icon 3".

6 questions
5
votes
3 answers

Change size of Foundation Icon Fonts 3?

I try to change the size of my icon download here : http://zurb.com/playground/foundation-icon-fonts-3 In the documentation they say : So for exemple i use : But the size is 16px and they don't say how can we change...
3
votes
3 answers

Rails4 with Foundation Icon Fonts 2 gem

I want to use "Foundation Icon Fonts 2 on SASS for Rails" gem with Rails4 Project. https://github.com/zaiste/foundation-icons-sass-rails I followed the instruction to install, but I've got following error. Showing …
ironsand
  • 14,329
  • 17
  • 83
  • 176
1
vote
0 answers

Getting Foundation Icons to display in Rails 4 / Cloudfront Environment

I have managed to deploy my Rails 4 app to Heroku. All assets are served from a Cloudfront instance. This part works perfectly. The only issue I'm experiencing, is the fact that my foundation icons are not being served. This is as a result of a CORS…
HermannHH
  • 1,732
  • 1
  • 27
  • 57
0
votes
2 answers

My Foundation Icons are not working in Firefox. Only letters in a box display instead

The Html Search I have navigated to foundation-icons.css after hitting Ctrl+U within…
0
votes
2 answers

Icon font class don't align when increase font size

I'm using a icon font that i create in http://iconvau.lt/, but when i place text-align center the icon don't get centered. It stays on the left. html
css: ul{ width:…
0
votes
1 answer

Installing Foundation-Icon-Fonts via Bower in --libsass environment

I'm using Foundation 5 - foundation-libsass-template. Using bower I've added foundation-icons with the following command "bower install foundation-icons --save". This command downloads the foundation-icon package and saves it to the bower_components…
Chris J Allen
  • 18,970
  • 20
  • 76
  • 114