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>