Chrome Text Shadow Ошибка на Retina Display

Question

Codepen Ссылка: https://codepen.io/calebzahnd/pen/OWxxLw

h1 { 
    max-width: 800px; 
    font-family: sans-serif; 
    font-size: 90px; 
    font-weight: 900; 
    text-shadow: 0 0 50px #000; 
} 

Скриншот:

Я нашел то, что я могу только представить себе, чтобы быть ошибка в Chrome браузеры при отображении на экране сетчатки. Существует странная обрезка текстовой тени, и сама текстовая тень находится под реальным текстом. При настройке размера шрифта обрезание будет случайным образом изменяться только для клипа определенных символов. Если вы настроите синее значение текстовой тени, некоторые значения вернут тень обратно туда, где она должна находиться, но без каких-либо рифм или причин. Я проверил, и это отлично отображается в Safari и Firefox. Может кто-нибудь объяснить, что здесь происходит?

Answer 1

Я могу прекрасно видеть, как закрашивается текст в браузере Chrome и Safari с экраном экрана сетчатки. Попробуйте обновить браузеры и/или очистить кеш.

Answer 2

h1 { 
 
\t max-width: 800px; 
 
\t font-family: sans-serif; 
 
\t font-size: 90px; 
 
\t font-weight: 900; 
 
\t text-shadow: 0 0 50px #000; 
 
     margin-left:25px; 
 
}

<h1>This is what you want everyone to see</h1>

Проблема заключается в том, что есть такая большая тень, и текст прямо против пикселя края. Некоторые устройства/браузеры не будут отображаться за краем пикселя окна или div. Мое предложение - 25-кратное поле слева от вашего текста. Возможно, даже 25 вокруг.