耙中止！ Sass::SyntaxError: 未定义的 mixin 'font-face'答案

【问题标题】：rake aborted! Sass::SyntaxError: Undefined mixin 'font-face'耙中止！ Sass::SyntaxError: 未定义的 mixin 'font-face'
【发布时间】：2014-09-16 05:53:02
【问题描述】：

这是我的小问题。我用 ruby on rails 4 创建了一个网站，在推动 heroku 时我做了一些 sass 和 css，他说

rake aborted Sass :: SyntaxError: Undefined mixin 'font-face'

但我发现缺少了什么。

这是我的文件 _font.sass

+font-face("logo", font-files("Bira_PERSONAL_USE_ONLY.ttf"))
=logo
 font-family: "logo"

这里叫做_header.sass

.logo
  +logo
  background-color: $green
  width: 187px
  float: left
  text-align: center
  color: $white
  font-size: 36px
  padding: 23px 0px 27px 0px
  text-decoration: none

这是我的 sass 导入 main.css.sass 的文件

@import "compass"
@import "compass/reset"
@import "compass/css3"

@import "base/color"
@import "base/font"
@import "layouts/header"
@import "modules/nav"

css 工作我必须为我的 css 工作添加一个文件到 assets.rb initiallizers 目录

file assets.rb

Rails.application.config.assets.precompile += %w( main.css )

这里有 CSS 的布局

!!!
%html
  %head
   %title FrenchDev
   = stylesheet_link_tag    'main', media: 'all', 'data-turbolinks-track' => true
   = javascript_include_tag 'application', 'data-turbolinks-track' => true
   = csrf_meta_tags
 %body
  %header
   .container
     %a.logo{href:"/"}
       test

     %nav
       %ul
         %li Home
         %li Projet
         %li Tutoriel
         %li Contact
 = yield

我看不出有什么问题

谢谢

【问题讨论】：

标签： ruby-on-rails heroku sass compass-sass

【解决方案1】：

您似乎缺少这一行：

@import "compass/css3/font-face"

应该放在这一行之前：

+font-face("logo", font-files("Bira_PERSONAL_USE_ONLY.ttf"))

【讨论】：

这不是我的错，但我还是觉得还没有赶上当地市场所以我不明白
你是在使用前导入mixin吗？