Не отображается семейство шрифта и не работает border-radius в IE

[dion_86]

<!-- Шрифт PT Sans Narrow не отображается в браузере, а нечего не поделаешь - такой макет в фотошопе   -->
font-family: 'PT Sans Narrow', 'Arial Narrow', sans-serif;
<!--в IETester в IE9 закругленные рамки отображаются а вот в IE10 уже не отображаются  -->
    -webkit-border-radius: 0 22px 22px 0;
    -moz-border-radius: 0 22px 22px 0;
    border-radius: 0 22px 22px 0;

Как решить эту проблему. Из-за шрифтов не соответствует макету, а из-за border-radius работа считается не законченной.

[Serafim]

в ИЕ10 придётся использовать вот такое:

border-top-left-radius: 0;
border-top-right-radius: 22px;
border-bottom-right-radius: 22px;
border-bottom-left-radius: 0;

Добавлено 23.10.14, 11:42
Шрифты - это вообще отдельная история - надо использовать ttf, svg и otf форматы для кроссбраузерной поддержки, т.е. есть такой вариант (указать в css):

@import(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);

или выкачать отдельно шрифты из под каждого браузера (гугл автоматом подсовывает нужные по этой ссылке)

[dion_86]

благодарю, попробую, отпишусь

Сообщение отредактировано: dion_86 - 23.10.14, 14:55

[dion_86]

С шрифтами получилось только вот с border-radius пока нет
пишу вот так

.menu_nk_sections:last-child a{
    margin-left: 0px;
    -webkit-border-radius: 0 22px 22px 0;
    -moz-border-radius: 0 22px 22px 0;
  /*border-radius: 0 22px 22px 0;*/
    border-top-left-radius: 0;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 0;
}