css - Arial Narrow 不能用作“本地”字体

Question

我需要用Ariel Narrow替换现有的字体。但是下面的代码不起作用。

@font-face {
font-family: site-generic-font;
src: local("Arial Narrow");
font-weight: 700;}

Ariel Narrow没有在我的计算机上被拾取。下面的替代方法有效，那么为什么“ local”代码不起作用？

font-family: Arial Narrow;

@font-face {
    font-family: MyArialNarrow;
    src: local("Arial Narrow");
  }


div { font-size:30px; }


.c2 { font-family: myFirstFont2; font-weight: 700; }
.c3 { font-family: Arial Narrow; font-weight: 700; }

<div class="c2">I am Arial Narrow.</div>
<div class="c3">I am Arial Narrow.</div>

标签： cssfonts