javascript - 减少来自 php 对象的 css modifyVars？

Question

我从 php 得到一个数组，代码如下

 <script type="text/javascript">
     var params = <?php echo json_encode($this->getParams());?>;
     var variables = new Object();
     for(var key in params){
        variables[key] = "'" + params[key] + "'";
     }
    less.modifyVars(variables);
    console.log(params);
    console.log(variables);
 </script>

来自控制台参数：对象 {google_font：“Abel”，图标：“custom/icon.icon”}

变量：对象{google_font：“'Abel'”，图标：“'custom/icon.icon'”}

并且在 style.less

 @bd_ggfont : @google_font;

 body{
    font-family: @bd_ggfont;
}

当我遵守时，我得到错误信息

 NameError: variable @google_font is undefined
 in style.less on line 7, column 8:

 7@bd_ggfont : @google_font;

怎么了 ？谢谢你的帮助 ！！

我也将参数中的键更改为@key

 variables['"@' + key + '"'] = "'" + params[key] + "'";

我也得到错误！