@ font-face и вариант шрифта плохая идея?

Question

, если я использую @font-face шрифт и font-variant: small-caps для того же селектора, шрифт откатится к следующему системному шрифту по умолчанию в Safari как мне обойти это?

Answer 1

Это была ошибка WebKit. Это исправлено, и Safari должен исправиться при следующем обновлении. Текущая версия Chrome использует более новую версию WebKit, в которой ошибка была исправлена. Вот хороший способ его обнаружения (из SafariSmallCapsWebFontFix ):

if ((navigator.userAgent.match(/WebKit\/([^.]+)/) || [] )[1] < 534) {
    // Broken, work around it!
}

Вы можете использовать этот JavaScript, скажем, для добавления класса к узлу html и изменения стиля вашей страницы.

Answer 2

Сначала я столкнулся с некоторыми трудностями при создании примера, повторяющего вашу проблему, что заставило меня понять, что font-face не является стандартным атрибутом CSS2; Эквивалент семейства шрифтов. Поэтому я провел небольшое исследование @ font-face и обнаружил, что это - в зависимости от того, как вы на него смотрите - либо нестандартный атрибут, специфичный для Firefox 3.5, либо часть еще не распространенного CSS3. Safari частично поддерживает CSS3, в зависимости от версии, но я подозреваю, что это является причиной вашего нежелательного поведения.

Answer 3

Ну, я думаю, что это просто ошибка :( Теперь я использую: псевдо-селектор первой буквы, чтобы добиться этого