title: Sass function return multiple font urls
body: <p>I Created conditional <strong>SCSS function</strong> for return single or multiple font urls.</p>
  
  <p>And my compiled css looking without errors. So i seems the function is working well.</p>
  
  <p><strong>But when press F5 to debug, in the console giving an error (in nodejs app)</strong></p>
  
  <blockquote>
    <p>error: error reading values after</p>
  </blockquote>
  
  <p>After the error my site is looking bad. So i opened css file in my site using developer tools, in the css file looking like this</p>
  
  <blockquote>
    <p>error reading values after <br>
        1<br>
        Error: error reading values after<br></p>
  </blockquote>
  
  <p><em>It seems css file doesn't compiled. But locally i opened it, then looking well</em></p>
  
  <pre><code>@font-face {
      font-family: "Sansation_Regular";
      src: url("../fonts/Sansation_Regular.ttf"), url("../fonts/Sansation_Regular.eot"), url("../fonts/Sansation_Regular.woff"), url("../fonts/Sansation_Regular.svg");
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <p>If my function have problems help to solve.</p>
  
  <p><strong>Here My SCSS Function</strong></p>
  
  <pre><code>@function urls($url, $multiple) {
  
      $result: ();
  
      // base url 
      $fontsBaseURL: '../fonts/';
  
      @if $multiple == true {
  
          $ext: "url(" + $fontsBaseURL + $url + ".ttf)" + ",",
                "url(" + $fontsBaseURL + $url + ".eot)" + ",",
                "url(" + $fontsBaseURL + $url + ".woff)" + ",",
                "url(" + $fontsBaseURL + $url + ".svg)";
  
          @each $item in $ext {
              $result: append($result, $item);
          }
  
          @return $result;
      } @else {
          @return url($fontsBaseURL + $url + .ttf);
      }
  }
  </code></pre>
  
  <p><strong>And Helper <code>@mixin</code> Function</strong></p>
  
  <pre><code>@mixin Font($family, $src-name, $multiple) {
      $url: urls($src-name, $multiple);
  
      font-family: $family;   
      src: $url;
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <p><strong>Here i called Function</strong></p>
  
  <pre><code>@font-face {
      @include Font("Sansation_Regular", "Sansation_Regular", true);
  }
  </code></pre>