Есть повторяющийся svg-градиент, вот он:
<linearGradient xmlns="http://www.w3.org/2000/svg" id="BF-pattern" x1="0%" y1="0%" x2="0%" spreadMethod="repeat" y2="1.5%">
<stop offset="0%" stop-color="#67190f"/>
<stop offset="40%" stop-color="#67190f"/>
<stop offset="60%" stop-color="#e43821"/>
<stop offset="100%" stop-color="#e43821"/>
</linearGradient>
Используется в качестве fill для текста внутри svg, сам svg вставлен на страницу через object.
А теперь к самому вопросу:
Вот отображение в Firefox:
![PTrG2P4.jpg](http://i.imgur.com/PTrG2P4.jpg)
А вот в Chrome (и Opera):
![JhRW86h.jpg](http://i.imgur.com/JhRW86h.jpg)
Неприятные ступеньки. Что с этим можно сделать?
2160х1440, 216ppi.