Как отменить загрузочные ленты Css text-shadow / box-shadow для @media print
С Bootstrap4 я сталкиваюсь с проблемой, что значки шрифтов отображаются так, как будто существует проблема с кодированием (прямоугольник вместо значка) при печати. Проблема может быть решена быстро и грязно, комментируя следующую строку в bootstrap.css:
@media print {
...
// *::first-letter,
... {
text-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
Каждый раз, когда будет использоваться более новая версия Bootstrap, нам придется комментировать эту строку снова и снова. Что может вызвать проблемы, так как я не единственный веб-разработчик, работающий над этим конкретным проектом.
Обычно я бы записал значение по умолчанию для text-shadow и box-shadow в css-файле проекта, но на самом деле "none" - это значение по умолчанию. Понятия не имею, почему установка значения по умолчанию портит иконки шрифтов.
У кого-нибудь была похожая проблема с text- и box-shadow, и он нашел решение?
спасибо, кр, MH
Обновление (проблема решена):
Мне наконец удалось решить проблему, и это настолько просто, насколько это возможно. При использовании FontAwesome проблем нет. Мы используем Fontello, и если у кого-то здесь возникла такая же проблема, вот хитрость:
FontAwesome наборы
.fa {display: inline-block;}
Fontello нет - просто добавьте это для класса, который вы используете для шрифтов в вашем CSS, и вы должны быть счастливы с тех пор.