如何正确地将webfonts包含到bootstrap-sass项目中?

时间:2015-09-21 21:04:49

标签: ruby-on-rails twitter-bootstrap compass-sass webfonts bootstrap-sass

我创建了一个docs

我想添加一个webfont,每次编译我的scss代码时都会出现以下错误:

  

错误app / src / stylesheets / main.scss(第25行:找不到文件或不能找到文件   阅读:   /用户/用户名/桌面/ testfolder /的字体 /../字体/ NEXA-web字体/ nexaheavy-webfont.woff)

我怎样才能摆脱不必要的东西    ../testfolder/fonts/ ..路径中的文件夹?

我的main.scss看起来像这样:

if test1 < test2:
    print("Is smaller")
elif test1 > test2:
    print("is bigger")
else:
    print("is equal")

1 个答案:

答案 0 :(得分:2)

当我们导入字体时,我们使用:

@font-face {
  font-family: "diogenesregular";
  src: asset-url("assets/diogenes-webfont.eot");
  src: asset-url("assets/diogenes-webfont.eot?#iefix") format("embedded-opentype"),
  asset-url("assets/diogenes-webfont.woff2") format("woff2"),
  asset-url("assets/diogenes-webfont.woff") format("woff"),
  asset-url("assets/diogenes-webfont.ttf") format("truetype"),
  asset-url("assets/diogenes-webfont.svg#diogenesregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

不太确定您的设置或字体套件。 我们将所有字体放在app/assets/fonts中,然后在app/assets/stylesheets/fonts.scss中导入上述字体,然后在application.scss中导入此文件。