- Where Does It Go?
- Layouts and Templates
- Hosting on GitHub Pages
- Content Pages
- Site Features
- User Widgets
- Template Widgets
Jekyll Faces makes it easy to use web-based font icons. Several fonts are supported, each loaded from CDN (so you don’t have a local copy, and you’re always up-to-date).
jekyllfaces: font_icons: # uncomment the icons sets you would like to use - font-awesome # <i class="fa fa-address-book"></i> #- foundation # <i class="fi-address-book"></i> #- glyphicons # <i class="glyphicon glyphicon-adjust"></i> #- icomoon # <i class="icomoon icon-accessibility"></i> #- ionicons # <i class="ionicons ion-alert"></i> #- material-design # <i class="material-icons">3d_rotation</i> #- octicons # <i class="mega-octicon octicon-alert"></i> ...
NOTE: Since the layouts in Jekyll Faces are currently implemented using Bootstrap v3.3.7, the Glyphicons web font is automatically included. The examples pages that come with Jekyll Faces also rely on the Font Awesome web font, so you’ll need to remove references to that font if you want to disable the
While it is possible to include all of the supported web fonts at the same time, that could affect the time it takes your pages to load. Try to limit yourself to one or two fonts, keeping in mind that the Bootstrap framework includes the Glyphicons set.
A really handy tool for browsing the available fonts is GlyphSearch.com.