简体   繁体   中英

Use FontAwesome with Gumby Framework

有没有办法像在Twitter BootStrap中那样在Gumby框架中使用FontAwesome图标?

I've came across this problem and what i did was to place this code in my css:

.useFontAwesome [class^="icon-"], .useFontAwesome [class*=" icon-"]{
    font-family: fontawesome !important;
}

Then whereever you want to use font-awesome icons, you can just attached that class to the wrapping element. If you want, you can add that class to your body tag in order to always have the font-awesome library at your disposal.

Are you using RoR? I got it working there. You need to change the path where your fonts are located in the variables partial. change it to "/assets", this might work.

I am using them with the Gumby Framework.

The fonts are in the fonts/icons folder.

The .scss files are in my var/icons folder.

Then in the gumby.scss file add @import "var/icons/font-awesome"; .

Don't forget to set the $fa-font-path in the _variables.scss file!

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM