Question

我一直试图找出为什么这个@ font-face不适用于Firefox。

@font-face {
  font-family: 'Eurostile';
  src: url("/fonts/eurostile_bold-webfont.eot");
  src: url("/fonts/eurostile_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/eurostile_bold-webfont.woff") format("woff"), url("/fonts/eurostile_bold-webfont.ttf") format("truetype"), url("/fonts/eurostile_bold-webfont.svg#eurostilebold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Eurostile';
  src: url("/fonts/eurostile-webfont.eot");
  src: url("/fonts/eurostile-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/eurostile-webfont.woff") format("woff"), url("/fonts/eurostile-webfont.ttf") format("truetype"), url("/fonts/eurostile-webfont.svg#eurostileregular") format("svg");
  font-weight: normal;
  font-style: normal; }

我试图用它来调用它：

font: 18px/1.5 "Eurostile",sans-serif;

Answer 1

尝试按以下方式调用您的字体：

.text {
    font-family: 'Eurostile', sans-serif;
    font-size:18px;
}

Answer 2

font-family:Eurostile;内@font-face。然后调用它你使用完全相同的东西。你不需要引号。

@ font-face无法在Firefox上运行。

2 个答案: