components / Font Awesome
Shim repository for Font Awesome.
Stars: ✭ 191
Labels
Projects that are alternatives of or similar to Font Awesome
Focus Budget Manager
Budget Manager application built with Vue.js, Node.js, Express.js and MongoDB
Stars: ✭ 189 (-1.05%)
Mutual labels: scss
Texture
A configurable jekyll theme for simply beautiful blogs.
Stars: ✭ 185 (-3.14%)
Mutual labels: scss
Xmpp.org
xmpp.org website (builds: https://travis-ci.org/xsf/xmpp.org/builds)
Stars: ✭ 187 (-2.09%)
Mutual labels: scss
Composeacademy
Website providing snippets and examples for Jetpack Compose on the Android platform
Stars: ✭ 181 (-5.24%)
Mutual labels: scss
Nuxt Sass Resources Loader
SASS resources (e.g. variables, mixins etc.) module for NuxtJs
Stars: ✭ 191 (+0%)
Mutual labels: scss
Minima
Minima is a one-size-fits-all Jekyll theme for writers.
Stars: ✭ 2,452 (+1183.77%)
Mutual labels: scss
Media Manager
A simple file browser and up-loader for Laravel written in Vue.JS
Stars: ✭ 190 (-0.52%)
Mutual labels: scss
Play With Go
Hands-on, interactive tutorials for programming in Go.
Stars: ✭ 185 (-3.14%)
Mutual labels: scss
Portfolio
📰 Meu portfólio criado com o objetivo de mostrar meus projetos recentes e futuros ao longo da minha carreira.
Stars: ✭ 178 (-6.81%)
Mutual labels: scss
Iota
A responsive micro-framework for the grid spec powered by CSS custom properties.
Stars: ✭ 189 (-1.05%)
Mutual labels: scss
Blogdown Jekyll
Automatically knit R Markdown documents, build them with Jekyll, and serve the website with servr locally
Stars: ✭ 191 (+0%)
Mutual labels: scss
Methods
The methods 18F uses to practice human-centered design.
Stars: ✭ 190 (-0.52%)
Mutual labels: scss
Include Media
📐 Simple, elegant and maintainable media queries in Sass
Stars: ✭ 2,362 (+1136.65%)
Mutual labels: scss
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
- The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
- Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - http://opensource.org/licenses/mit-license.html
- The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
- Attribution is no longer required in Font Awesome 3.0, but much appreciated: "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].