Я создал целевую страницу, и мне нужен заголовок, который должен быть шрифтом Avenir. Я получил это для правильного отображения в Chrome, но это не работает ни для одного другого браузера. Есть ли что-то, чего мне не хватает?

CSS

     h1,h2,h3,h4,h5, .section h2 {
        margin:0;
        padding:0;
        color:#c41230;
        font-family: AvenirLT-Black;
        font-weight:normal;
    }
 

HTML

 <div class="ten columns title">
          <h1 style="font:AvenirLT-Black">Additional Information</h1>
        </div>
 

font-family Значение передается в подсистему шрифтов ОС.

В Windows есть две разные подсистемы шрифтов: DirectWrite и GDI. Chrome использует более старый GDI; Firefox и IE используют DirectWrite.

В GDI нет способа представлять более двух разных весов шрифтов для каждого семейства, поэтому шрифты, выделенные жирным шрифтом или выделенные слишком светлым шрифтом, сопоставляются с разными именами семейств, обычно с суффиксом «Черный», «Светлый» или «сверхлегкий». DirectWrite, с другой стороны, может представлять несколько весов для каждого семейства. Так что, скорее всего, DirectWrite видит ваш шрифт как шрифт с именем семейства «AvenirLT» и выделенным жирным шрифтом. Итак, вы хотите сделать что-то вроде этого:

 font-family: AvenirLT, AvenirLT-Black;
font-weight: 900;