No.312


【Bootstrap】SassでGlyphiconsを使用する

フォントをどこに置いたらいいのかわからない…

 Bootstrap3をSassからコンパイルして使う機会があった。

 webpackを使ってコンパイルと設置は普通にできたんだけど、ふとGlyphiconsが表示されていないことに気がついた。

 sassのデフォルト記述を見てみると

$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";

 …どこだここ?

 というわけで、自分のわかるディレクトリを指定してあげれば表示されるようになる。

$icon-font-path: "/font/" !default;

 なお、フォントファイルはSassには付属していないので、別途パッケージをダウンロードして配置しておこう。