Menu icon Foundation
foundation-icons vs. foundation-icon-fonts

hi guys,
I saw on https://github.com/zurb 2 repositories with icons. Are they just different icons (almost different) or i miss something? Thanks

icon fonts

hi guys,
I saw on https://github.com/zurb 2 repositories with icons. Are they just different icons (almost different) or i miss something? Thanks

Rafi Benkual over 5 years ago

Ya the newest version is icon fonts 3.

You can download them here http://zurb.com/playground/foundation-icon-fonts-3

or just add thin into your project,

css
@import url(cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css);

andrea tagliazucchi over 5 years ago

Thanks Rafi,
one more question: how con i add it into my gruntfile.js to compile in say font.css?
Here my current gruntfile.js (the default):

 odule.exports = function(grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

    sass: {
      options: {
        includePaths: ['bower_components/foundation/scss']
      },
      dist: {
        options: {
          outputStyle: 'compressed'
        },
        files: {
          'css/app.css': 'scss/app.scss'
        }        
      }
    },

    watch: {
      grunt: { files: ['Gruntfile.js'] },

      options: {
      livereload: true,
      },
      css: {
        files: ['public/scss/*.scss'],
        tasks: ['compass'],
      },

      sass: {
        files: 'scss/**/*.scss',
        tasks: ['sass']
      }
    }
  });

  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-contrib-watch');

  grunt.registerTask('build', ['sass']);
  grunt.registerTask('default', ['build','watch']);
}