Bower + bootstrap 主题 - 如何包含字体?
Bower + bootstrap theme - how to include fonts?
我想在我的应用程序中使用 bootstrap 主题 Lumen。我已经通过 bower
:
安装了纯 js 和 css
/* part of bower.json */
{
"bootstrap.min.css": "https://bootswatch.com/lumen/bootstrap.min.css",
"bootstrap.min.js": "https://bootswatch.com/lumen/bootstrap.min.css"
}
因此,在bower_components/bootstrap.min.css/index.css
和bower_components/bootstrap.min.js/index.js
中安装了两个文件。 index.css
的 font_face
选项需要 ../fonts/glyphicon-font-name.woff
。所以,bootstrap的所有字体都应该放在bower_components/fonts
!
当然,我可以安装 bootstrap
bower 包,然后在每个 bower install
之后安装 运行 grunt-copy
,但这种方法似乎不对。我怎样才能在 ./index.html
上满足此字体要求?
您可以安装 bower 包 bootswatch-dist - bootswatch 主题的分发包。
要安装 3.3.5 流明版本,请将以下依赖项添加到 bower.json
"dependencies": {
"bootswatch-dist": "3.3.5-lumen"
}
我想在我的应用程序中使用 bootstrap 主题 Lumen。我已经通过 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"
}
因此,在bower_components/bootstrap.min.css/index.css
和bower_components/bootstrap.min.js/index.js
中安装了两个文件。 index.css
的 font_face
选项需要 ../fonts/glyphicon-font-name.woff
。所以,bootstrap的所有字体都应该放在bower_components/fonts
!
当然,我可以安装 bootstrap
bower 包,然后在每个 bower install
之后安装 运行 grunt-copy
,但这种方法似乎不对。我怎样才能在 ./index.html
上满足此字体要求?
您可以安装 bower 包 bootswatch-dist - bootswatch 主题的分发包。
要安装 3.3.5 流明版本,请将以下依赖项添加到 bower.json
"dependencies": {
"bootswatch-dist": "3.3.5-lumen"
}