Получать рассылку по электронной почте

Введите свой email-адрес:

Delivered by FeedBurner

Навигация

Как заменить логотип картинкой?

шрифты

Самый древний и простой путь  – использование картинок, широко применяется и по сей день, особенно если шрифт очень вычурный и присутствуют спецэффекты в виде всевозможных свечениий- градиентов. Применяйте его в логотипах, в заголовках его использовать настоятельно не рекомендуется)), иначе вы обретете кучу проблем: во-первых, сложность замены этих всех заголовков, во-вторых,  проблемы с копированием текста, в-третьих, проблемы с доступностью. Впрочем, проблемы с доступностью характерны практически для всех методов замены текста с использованием картинок. Под доступностью тут я  понимаю возможность пользователей прочитать ваш шрифт, который, возможно, отобразится далеко не у всех.

Замена шрифта изображением

Какие же популярные методы замены шрифта изображением существуют на данный момент?

a. Метод  FIR (span скрывается c помощью display:none)

Самый простой метод. Здесь и далее в качестве примера будем использовать один и тот же логотип в двух вариантах со ссылкой на главную страницу и без ссылки (адрес изображения – logo-1.gif замените на свой). Стили css

html код

 

b. Метод  Phark (использование отрицательного отступа)

Стили css

html код

c. Метод  Гилдера-Левина (позиционирование рисунка над текстом)

html код

d. Метод Лэнгбриджа-Лихи

html-код

e. Метод  Скотта  Келлума

html код

f. Метод прозрачность шрифта

Понравилась статья?
Подпишитесь на RSS по e-mail
Поделитесь в социальных сетях
Вы можете также посмотреть
Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*