Шрифт нужно подключать через @font-face, по идеи должно помочь.
Градиент лучше сделать через
этот сервис
Сдвиг "оптимально".
Для начала попробуйте добавить
.tovar-box ul li{position:relative;}
Если не помогло, то
.recommend {
margin-left: auto;
left: 55px;
position: absolute;
top: -20px;
}
.tovar-box ul li .recom {
margin: 20px 50px 2px;
}