Question

我不知道为什么不起作用，因为一切都很好。

@font-face {
     font-family: 'ModelicaMedium';
     src: url('BwModelica\ttf\BwModelicaSS01-Medium.ttf');
     font-weight: normal;
}


.header p{font-family:ModelicaMedium;font-size:17px;z-index:2;left:50%;margin-left:-293px;text-align:center;position:absolute;top:440px;max-width:586px;color:#fff;}

<div class="header">
<p>Descubra como se livrar dos procesos inúteis e obsoletos do seu negócio, e dar lugar ao que é novo, melhor, e mais eficaz com um os maiores experts de gestão estratégica e de vendas do Brasil</p>
</div>

Answer 1

好吧，确保字体的颜色是可见的，只需更改字体的颜色-> color: #000;

您可能看不到想要的字体，因为它存储在您的计算机上，所以我不能在这里使用它

@font-face {
     font-family: 'ModelicaMedium';
     src: url('BwModelica\ttf\BwModelicaSS01-Medium.ttf');
     font-weight: normal;
}


.header p {
  font-family: 'ModelicaMedium';
  font-size:17px;
  z-index:2;
  left:50%;
  margin-left:-293px;
  text-align:center;
  position:absolute;
  top:440px;
  max-width:586px;
  color:#000; /*It was #FFF, so in a white background, the font won't show up */
}

<div class="header">
<p>Descubra como se livrar dos procesos inúteis e obsoletos do seu negócio, e dar lugar ao que é novo, melhor, e mais eficaz com um os maiores experts de gestão estratégica e de vendas do Brasil</p>
</div>

使用互联网上的另一种字体进行测试，看看是否可以解决您的问题：

@font-face {
     font-family: 'FontTest';
     src: url('https://fonts.googleapis.com/css?family=Roboto');
     font-weight: normal;
}


.header p {
  font-family: 'FontTest', sans-serif;
  font-size:17px;
  z-index:2;
  left:50%;
  margin-left:-293px;
  text-align:center;
  position:absolute;
  top:440px;
  max-width:586px;
  color:#000; /*It was #FFF, so in a white background, the font won't show up */
}

<div class="header">
<p>Descubra como se livrar dos procesos inúteis e obsoletos do seu negócio, e dar lugar ao que é novo, melhor, e mais eficaz com um os maiores experts de gestão estratégica e de vendas do Brasil</p>
</div>

Answer 2

如果您要合并的字体存储在计算机上，则如果访问的用户代理无法使用来查找本地存储的字体，请使用带有基于服务器资源的src: local()标签加载该字体作为后备src: url()标签：

@font-face {
    font-family: ModelicaMedium;
    src: local("Modelica Medium"),
    local("Modelica-Medium"),
    url(OpenModelicaMedium.ttf);
    font-weight: normal;
}

在上面的示例中，给出的路径显然是虚构的，必须进行更改以与您使用的本地和远程URL兼容。

Answer 3

也许是因为您没有列出格式吗？

@font-face {
     font-family: 'ModelicaMedium';
     src: url('BwModelica\ttf\BwModelicaSS01-Medium.ttf') format("ttf");
     font-weight: normal;
}

或者，也许您的浏览器不支持ttf格式

字体不起作用

3 个答案: