Giter Site home page Giter Site logo

font-awesome's Introduction

Font Awesome

Shim repository for Font Awesome.

The full suite of pictographic icons, examples, and documentation can be found at: https://fontawesome.com/

Package Managers

  • npm: components-font-awesome
  • Bower: components-font-awesome
  • Component: components/font-awesome
  • Composer: components/font-awesome

Installation

Gulp

Re-compile bower

If using bower, do not forget to re-compile bower using gulp bower. Here is the sample code if you do not have one.

// Update Foundation with Bower and save to /vendor
gulp.task('bower', function() {
  return bower({ cmd: 'update'})
    .pipe(gulp.dest('vendor/'))
});
Combine css

With gulp, usually there is a function to combine all scss to css file for faster page loads. In the sample case we run function gulp style to combine all scss to css file under ./assets/css/

Move font font folder

Here is the important part, the default font folder is on different path with the compiled bower file. We need to move the font from default font folder to the compiled bower folder (In the example vendor is the compiled folder).

// Move font-awesome fonts folder to css compiled folder
gulp.task('icons', function() {
    return gulp.src('./vendor/components-font-awesome/webfonts/**.*')
        .pipe(gulp.dest('./assets/fonts'));
});

License

font-awesome's People

Contributors

ammarfrahm avatar antonellopasella avatar ashussen avatar benlarkins avatar craigh avatar ducin avatar ekkis avatar epokk avatar guite avatar hjr3 avatar iamdarkle avatar martinlindhe avatar mrohnstock avatar robloach avatar rustyrick avatar samuelklein avatar simensen avatar wilds avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

font-awesome's Issues

fonts not installed

Something is wrong with this shim. Using 4.0.3 tag only the css/ folder is installed, but it must also install the fonts/ directory but does not. I assume "fonts/*" section does not work in the composer.json

4.7 is out!

any chance we could get a refresh? there's some stuff in there I'd like

Missing Icon

Font awesome has a fa-question-circle-o. It displays if I use font awesome directly, but it is missing in your library.

I looked in your font-awesome.css and this is what I see:
.fa-question-circle:before { content: "\f059"; }

4.2

It looks like FA is up to version 4.2 and the current git version is 4.1.

`components-font-awesome` package missing in npm

I'm giving up bower! It stopped to make sense to use both npm and bower. I'm migrating all bower dependencies indo npm:dependencies.

One of my dependencies in bower is "components-font-awesome": "=3.2.1". I can't find it in npm: https://www.npmjs.com/package/components-font-awesome. As far as I understand it, the idea of components is to support as many managers as possible (https://github.com/components/components#package-managers), and npm here is missing. Could you publish the components-font-awesome package in npm?

Or if you don't have time, I can do that and afterwards transfer the ownership in npm - but please say so.

Font Awesome 5

Is it planned to provide a version for Font Awesome 5 (free version)?

Unable to install 4.6.3 via npm

npm install --save-dev [email protected]
...
npm ERR! Darwin 16.6.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "--save-dev" "[email protected]"
npm ERR! node v6.9.4
npm ERR! npm  v3.10.10
npm ERR! code ETARGET

npm ERR! notarget No compatible version found: [email protected]
npm ERR! notarget Valid install targets:
npm ERR! notarget 4.7.0, 4.6.1, 4.6.0, 4.5.0, 4.4.0, 4.3.0, 4.2.0, 4.1.0, 4.0.3, 4.0.2, 4.0.1, 4.0.0, 3.2.1, 3.2.0, 3.1.0, 3.0.2

Font-Awesome 6.4.0 ... When?

The latest version for composer is 6.2.0, but official Font-Awesome 6.4.2 is 4 months old now... When should we expect the update?

invalid bower.json

when I try to update to latest version bower says "invalid-meta components-font-awesome is missing "ignore" entry in bower.json"

Is there a reason why the scss is not present?

Hi,

I wanted to use this component in order to use Font-Awesome via Bower, but the SCSS version is not present. I wanted to be able to use the SCSS version so that I can change the paths / colours variables. Is there a reason for the SCSS not being present in this repo?

For now I've just forked Font-Awesome and added your bower.json to my fork, but I'd rather use the components version if possible.

Thanks,

Scotty

Update to 4.5.0

Hi, is there any chance we can update this to 4.5.0? The google icon might have change on the latest release and we'd like to install font-awesome with bower. Thanks!

woff2 is missing in published bower.json 4.3.0

bower components-font-awesome#4.3.0 validate 4.3.0 against git://github.com/components/font-awesome.git#4.3.0

{
name: 'components-font-awesome',
description: 'Font Awesome, the iconic font designed for use with Twitter Bootstrap.',
repository: {
type: 'git',
url: 'git://github.com/components/font-awesome.git'
},
main: [
'css/font-awesome.css',
'scss/font-awesome.scss',
'fonts/fontawesome-webfont.eot',
'fonts/fontawesome-webfont.woff',
'fonts/fontawesome-webfont.ttf',
'fonts/fontawesome-webfont.svg'
],
license: [
'MIT',
'OFL-1.1'
],
ignore: [
'Makefile',
'component.json',
'composer.json'
],
homepage: 'https://github.com/components/font-awesome',
version: '4.3.0'
}

Description not descriptive

I'm having a little trouble understanding the description.

I understand how many folks use the term "shim" to mean giving older or incomplete technologies more capabilities to get to parity with better or more recent technologies. But, it doesn't appear that's the intended meaning in the sentence "Shim repository for Font Awesome." Could you expound on the meaning of this phrase and the purpose of this repo? What would be the reason for using this over FontAwesome/Font-Awesome?

Thank you.

Font files missing from bower.json

Commit 02633e5 removed the font files from the main section in bower.json. This has broken my build, as the fonts are no longer copied with a bower-dev build task in Grunt. I've mitigated this with the following package-specific override in my Gruntfile.js:

bower: {
    dev: {
        dest: 'build/inc',
        js_dest: 'build/scripts',
        css_dest: 'build/style',
        fonts_dest: 'build/fonts',
        options: {
            expand: false,
            keepExpandedHierarchy: false,
            packageSpecific: {
                'components-font-awesome': {
                    files: [
                        'css/font-awesome.css',
                        'fonts/fontawesome-webfont.*'
                    ]
                }
            }
        }
    }
}

Bower with invalid meta

bower components-font-awesome#^4.6.3
invalid-meta The "main" field cannot contain font, image, audio, or video files

OTS parsing error

We are getting this error since yesterday
FortAwesome/Font-Awesome#9352

It works fine on local, but when deployed, the browser fails to parse.

Failed to decode downloaded font: http://xyz.com/fonts/fontawesome-webfont.woff2?v=4.7.0
xyz.com/:1 OTS parsing error: invalid version tag
xyz.com/:1 Failed to decode downloaded font: http://xyz.com/fonts/fontawesome-webfont.woff?v=4.7.0
xyz.com/:1 OTS parsing error: invalid version tag
xyz.com/:1 Failed to decode downloaded font: http://xyz.com/fonts/fontawesome-webfont.ttf?v=4.7.0
xyz.com/:1 OTS parsing error: invalid version tag

Bower - "font-awesome was not injected in your file."

I can install Font Awesome v4.0.3 via bower install components-font-awesome --save

But grunt bower-install says "font-awesome was not injected in your file" and for me to add the file manually.

Any idea on what's happening?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.