SASS和@ font-face [英] SASS and @font-face

问题描述

我有以下CSS-如何在SASS中对其进行描述?我已经尝试过使用css2sass进行反向编译，并且不断出现错误....难道是我的CSS(有效；-))吗?

I have the following CSS - how would I describe it in SASS? I've tried reverse compiling it with css2sass, and just keep getting errors.... is it my CSS (which works ;-) )?

@font-face {
  font-family: 'bingo';
    src: url("bingo.eot");
    src: local('bingo'),
       url("bingo.svg#bingo") format('svg'),
       url("bingo.otf") format('opentype');
}

推荐答案

万一有人想知道-这可能是我的CSS ...

In case anyone was wondering - it was probably my css...

@font-face
  font-family: "bingo"
  src: url('bingo.eot')
  src: local('bingo')
  src: url('bingo.svg#bingo') format('svg')
  src: url('bingo.otf') format('opentype')

将呈现为

@font-face {
  font-family: "bingo";
  src: url('bingo.eot');
  src: local('bingo');
  src: url('bingo.svg#bingo') format('svg');
  src: url('bingo.otf') format('opentype'); }

似乎已经足够接近了……只需要检查SVG渲染

which seems to be close enough... just need to check the SVG rendering

这篇关于SASS和@ font-face的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！