【问题标题】:grunt build css encodinggrunt 构建 css 编码
【发布时间】:2014-11-26 10:25:23
【问题描述】:

使用 yeoman -webapp 的静态项目

我的 .scss 文件中有一个 UTF 复选标记:

[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 3px; left: 0px;
  font-size: 22px;
  color:$color-primary;
  transition: all .2s;
}

在我编译的.css中,内容已经被屠宰了:

@charset "UTF-8";

div.checkbox [type="checkbox"]:checked + label:after {
  content: 'Ô£ö';
  position: absolute;
  top: 3px;
  left: 0px;
  font-size: 22px;
  color: #76C001;
  transition: all .2s; }

Gruntfile.js gist

如果有人能告诉我原因和/或修复方法,我会很高兴。请。

【问题讨论】:

    标签: javascript css gruntjs grunt-contrib-concat


    【解决方案1】:

    这是怎么回事?

    http://jsfiddle.net/lharby/h3ky89wa/

    p:before {
       content: '\2714';
    }
    

    【讨论】:

    • 这似乎可以做到。非常感谢!
    • @lkiernan 谢谢,如果对你有帮助,请投票给答案!
    【解决方案2】:

    我没试过,但是试试十六进制的utf8字符:

    \u2714
    

    【讨论】:

    • 这不会变形,但也不会在服务器上正确显示一次。这可能与服务器有关吗? FWIW,如果我手动将 char 粘贴到 css 中,它在服务器上显示正常。
    猜你喜欢
    • 2014-03-04
    • 2013-11-10
    • 2015-03-02
    • 2015-02-14
    • 1970-01-01
    • 2014-05-27
    • 1970-01-01
    • 2014-05-12
    • 2012-11-08
    相关资源
    最近更新 更多