Safari устраняет пробелы в словах для тега H1, использующего Typekit - PullRequest
Новая
       30

Safari устраняет пробелы в словах для тега H1, использующего Typekit

0 голосов
/ 12 февраля 2012

Я использую Typekit для загрузки шрифта лиги-готики, и по какой-то причине Safari полностью устраняет пробел между словами, поэтому между словами нет пробелов. Прежде, чем я пошел с хаком CSS, мне было интересно, если кто-нибудь может помочь. Вот HTML: 

<div class="page-header">
  <h1 data-name="about">About Campaign Title</h1>
</div>

А вот и CSS: 

h1 {
    font: 70px/normal "league-gothic", sans-serif;
    text-transform: uppercase;
    color: #4e4e4e;
}

Я попытался разместить тег h1 по всей странице и все еще видел проблему. Я также установил интервал между словами как унаследовать, так и нормально, увидев одинаковый результат.

Спасибо.

1 Ответ

0 голосов
/ 14 февраля 2012

Это оказалось проблемой с новым свойством рендеринга текста. Мы используем bootstrap.css из Twitter, и Bootstrap установил свойство рендеринга текста в optimizeLegibility. Мы устанавливаем его обратно на авто следующим образом: 

h1 {
    font: 70px/normal "league-gothic", sans-serif;
    text-transform: uppercase;
    color: #4e4e4e;
    text-rendering: auto;
}
...