Блог

Главная - Вопросы по программированию - Safari увеличивает интервал между буквами при использовании text-shadow

Safari увеличивает интервал между буквами при использовании text-shadow

#css #safari #letter-spacing

#css #safari #интервал между буквами

Вопрос:

Вот пример CSS, который меня огорчает:

 @import 'https://fonts.googleapis.com/css?family=Pathway Gothic One';

body {
  background: #444444;
}

h1 {
  font-family: 'Pathway Gothic One';
  text-transform: uppercase;
  color: #DD0000;
  letter-spacing: 0;
  text-shadow: 1px 1px 1px black;
}  
 <h1>Breaking News</h1>

В Chrome это выглядит правильно, но в Safari это увеличивает интервал между буквами на 1 пиксель.

Скриншот Chrome

Скриншот Safari

Чтобы доказать это, если я перейду на letter-spacing: -1px , Safari выглядит нормально, но Chrome выглядит слишком сжатым.