Custom H1 Text - замена изображения?@ Шрифт-лицо? - PullRequest
Новая
       13

Custom H1 Text - замена изображения?@ Шрифт-лицо?

1 голос
/ 22 ноября 2010

Хорошо, люди, я устал от ариала.

В наши дни говорят, что @ font-face - это путь ко всем вещам, но, насколько я могу судить, поддержки на самом деле еще нет (я ошибаюсь? Люди все еще используют FF2, верно ? нет?)

Я - разумный поклонник только рендеринга заголовков на сервере, используя GDlib, но это, очевидно, не создает заголовки с возможностью поиска.

Я собираюсь использовать старые добрые

& , затем проанализировать страницу в javascript и заменить ее изображениями, но я все еще обеспокоен тем, что это разозлит Google. В конечном итоге, я, возможно, мог бы использовать @ font-face, а затем, если это не поддерживается, отобразить текст в виде изображения. Я все еще обеспокоен тем, что это разозлит Google, хотя. (это приводит к второстепенному вопросу - есть ли способ обнаружить поддержку определенной функции css, не просто обнаруживая браузер и сравнивая со списком совместимости?) Есть мысли? Я просто ошибаюсь, думая, что @ font-face не готов в прайм-тайм? WWSOD Спасибо!

1 Ответ

1 голос
/ 22 ноября 2010

Если вы визуализируете заголовок как фоновое изображение (с CSS), это совершенно безопасно с точки зрения SEO, текст все еще там просто скрыт. 

.header
{
    background: url(header.png) 0 0 no-repeat;
    text-indent: -999em;
    height: 30px;
    width: 100px;
}

Я согласен с тем, что в браузерах по-прежнему отсутствует поддержка @ font-face. Google перечисляет поддерживающие браузеры как: 

* Google Chrome: version 4.249.4+
* Mozilla Firefox: version: 3.5+
* Apple Safari: version 3.1+
* Opera: version 10.5+
* Microsoft Internet Explorer: version 6+
...