Question

我有这段SASS代码：

@font-face {
  $rndnum: random(1000);
  font-family: myfont;
  src:url('fonts/myfont#{$rndnum}.svg')
  font-weight: bold;
  font-style: normal;
}

我需要在字体名称后加一个随机数，我知道这似乎是愚蠢的操作，但我需要它。但问题是我得到以下结果：

@font-face {
  font-family: myfont;
  src:url('fonts/myfontrandom(1000).svg') /* <== HERE */
  font-weight: bold;
  font-style: normal;
}

由于某种原因，函数不会被调用... 我在哪里做错了？

更多......

我尝试调用另一个函数percentage：

@font-face {
  $rndnum: percentage(0.2);
  ...

它在那种情况下起作用......看起来它没有将random识别为有效的函数......

Answer 1

您是否尝试过连接字符串？

src:url('fonts/myfont'+$rndnum+'.svg');

您是否拥有$rndnum被设置的代码，因为这也可能是该变量设置方式的问题。

编辑1：

您的代码适合我。你只需要src行之后的分号吗？

你使用的是什么版本的sass？

我试了here它似乎在Sass版本3.3.3上工作得很好，但在版本3.2.15（该网站上提供的两个版本）上却没有。