Alex Antonov
Alex Antonov

Reputation: 15226

Bower + bootstrap theme - how to include fonts?

I want to use bootstrap theme Lumen in my application. I've installed it's pure js and css via bower:

/* part of bower.json */
{
  "bootstrap.min.css": "https://bootswatch.com/lumen/bootstrap.min.css",
  "bootstrap.min.js": "https://bootswatch.com/lumen/bootstrap.min.css"
}

So, two files are installed in the bower_components/bootstrap.min.css/index.css and bower_components/bootstrap.min.js/index.js. font_face option of the index.css require the ../fonts/glyphicon-font-name.woff. So, all fonts for the bootstrap should be placed in the bower_components/fonts!

Of course, I can install bootstrap bower package and then run grunt-copy exactly after every bower install, but this method seems wrong. How can I do this fonts requirement on my ./index.html right?

Upvotes: 1

Views: 1039

Answers (1)

Dror Bereznitsky
Dror Bereznitsky

Reputation: 20386

You can install the bower package bootswatch-dist - distribution packages for bootswatch themes.
For installing version of 3.3.5 lumen add the following dependency to bower.json

"dependencies": {
 "bootswatch-dist": "3.3.5-lumen"
}

Upvotes: 1

Related Questions