X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Не корректное отображение шрифтов Tahoma
GAMeovER_hb
GAMeovER_hb
Topic Starter сообщение 24.11.2009, 23:26; Ответить: GAMeovER_hb
Сообщение #1



Дизайнер составил макет в Photoshopе с применением шрифта Tahoma. При верстке шрифты на макете и в браузере стали отличаться. К примеру, если на макете 14 кегль отображется немного жирным, то в браузере без всякой жирности, при этом это происходит во всех браузерах.
В css прописано
font-family:Tahoma, Geneva, sans-serif и font-size: 14px.

font-weight нигде не прописыван.

В прикрепленых файлах образец отображения Tahoma 14 на макете и в браузере.
Как исправить, чтобы в браузере отображались корректно шрифты? ни font-weight ни font-style не помогает

0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rdxby
rdxby
сообщение 25.11.2009, 0:03; Ответить: rdxby
Сообщение #2


Отображение шрифтов может не совпадать.

Во-первых фотошоп имеет разные типы прорисовки (сглаживания) шрифта ... В англ версии фотошопа это (text antialising options) выглядит как none/crisp/strong/sharp/smooth - браузер такого не имеет. Скорее всего в дизайне стоит тип strong - он дает слегка жирноватый стиль ... хотя никакой жирности к нему не применено. В браузере - так не сделаешь.

Во-вторых может быть такое визуальное отображение из-за так сказать "по-умолчанию" сглаживания шрифта - ситуация оч похожа на первую. Выбран просто smooth и фотошоп конечно приятно сглаживает - а браузеры грызут некоторые шрифты а некоторые с определенного сайза. То есть почти тоже самое как в фотошопе, но слегка рваный. В css3 реализована возможность поиграть со сглаживанием и некоторыми другими эффектами шрифта. К сожалению совместимость обязывает верстальщиков делать кроссбраузерные вещи.

Кто виноват? Никто =) Дизайнер должен иметь опыт по таким вещам и предвидеть такие моменты используя определенный шрифт.

Как исправить. В зависимости от знаний и умений -а так же действительной необходимости (критично!) - можно использовать так называемую технику font replacement (SIFR, CUFON, и другие).

Или же в случае со стандартным шрифтом объяснить ситуацию клиенту и сказать что браузер не отобразит так шрифт ввиду технических особенностей =).

----
Итог: если в браузере поигрался с font-weight и выглядит не так -значит:
1. Оставляешь как есть, либо продуешь CSS3 зная что он не будет корректно работать во всех бразуерах (версиях). Какие конкретно берут и что берут в css3 - можно найти почитать в нете - ну хотя бы на w3c. Но в целом еще очень не актуально.
2. Используешь замещение шрифта.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 25.11.2009, 3:41; Ответить: pomp
Сообщение #3


Ну или есть еще 2 варианта:
1) Внести изменения в макет, убрав сглаживания шрифта, и сказать что так и было :hihi:
2) Если это не "рыба" и эти шрифты используються в визуальном оформлении сайта, а не используються как текстовая часть - сделать картинкой (не советую этот вариант - но тоже вариант. Все зависит от макета :unsure:)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rdxby
rdxby
сообщение 25.11.2009, 12:12; Ответить: rdxby
Сообщение #4


(pomp @ 25.11.2009, 05:41) *
2) Если это не "рыба" и эти шрифты используються в визуальном оформлении сайта, а не используються как текстовая часть - сделать картинкой (не советую этот вариант - но тоже вариант. Все зависит от макета :unsure:)


Ну собсно это и есть техника font replacement. И вполне SEO приемлемая ... те что работают используя JS так точно. Поисковики в большинстве не использует js при скане страниц.Главное чтобы оригинальный текст был написан.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Diablo_hb
Diablo_hb
сообщение 25.11.2009, 13:26; Ответить: Diablo_hb
Сообщение #5


error, пользуйтесь услугами дизайнера ВЕБ а не просто дизайнера и все, если он рисует макеты и текстовки которые должны быть текстом забивает со сглаживанием - то ему нужно есче учится этому делу

По уму нужно подкоректировать макет и все станет на свои места

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1662 10.7.2020, 15:18
автор: -bhtml-
Открытая тема (нет новых ответов) Смена шрифтов в WP
Заказ
0 SkyFire 2455 24.12.2017, 12:24
автор: SkyFire
Открытая тема (нет новых ответов) Пожалуйста помогите! Неправильное отображение новости и добавления комментария!
1 Dobrein 5057 14.3.2013, 13:17
автор: -Dobrein-
Открытая тема (нет новых ответов) Некорректное отображение в IE
1 zmey6285 3483 10.7.2012, 19:17
автор: -A1ex-
Открытая тема (нет новых ответов) некорректное отображение в ИЭ
5 my-myxa 3487 10.5.2012, 17:11
автор: -my-myxa-


 



RSS Текстовая версия Сейчас: 18.4.2024, 9:35
Дизайн