Несоответствие начертаний шрифтов Photoshop при верстке

[sergeysurovikin]

В Photoshop есть различные начертания шрифтов, типа Regular, Semibold, Bold. Как подобрать соответствия им через font-weight. Т.е. если указано Semibold, выбираешь тот же размер, шрифт и непонятно какое выбирать начертание, ни обычное ни bold не похоже

Edited April 10, 2012 by sergeysurovikin

[ablay2009]

попробуйте font-weight:600; числа выбираются от 400 до 900

[Vin]

Посмотрите здесь http://htmlbook.ru/css/font-weight и попробуйте поперебирать значения. Вот мне недавно помогло значение lighter, хотя в фотошопе шрифт был обозначен как regular.

[sergeysurovikin]

Посмотрите здесь http://htmlbook.ru/css/font-weight и попробуйте поперебирать значения. Вот мне недавно помогло значение lighter, хотя в фотошопе шрифт был обозначен как regular.

Спасибо. Но я думаю что это серьезная проблема, с которой даже профессиональные верстальщики сталкиваются каждый день и есть кардинальное решение этой проблемы

[wildhind]

…это серьезная проблема, с которой даже профессиональные верстальщики сталкиваются каждый день и есть кардинальное решение этой проблемы

есть такое.

Забить.

[Vin]

"Абсолютно так же, как на макете" — утопия. Небольшие, еле уловимые отличия — это не проблема. А вот если дизайнер выставил в макете, например, максимальное сглаживание, вот это уже проблема.

[sergeysurovikin]

"Абсолютно так же, как на макете" — утопия. Небольшие, еле уловимые отличия — это не проблема. А вот если дизайнер выставил в макете, например, максимальное сглаживание, вот это уже проблема.

А как быть с требованиями Pixel Perfect.

[sigma77]

А как быть с требованиями Pixel Perfect.

Объяснять либо не работать с таким заказчиком, если не хочешь лишнего гемороя.

Pixel Perfect шрифтов во всех браузерах возможен только в виде картинки

[Vin]

А как быть с требованиями Pixel Perfect.

Мне вот такие критерии нравятся: Чек-лист вёрстки. Они тоже довольно строгие и там тоже много спорных моментов, но процитирую:

Расположение блоков должно быть 1:1 по сравнению с макетом. Допускается расхождение до 5px для текста.

Даже микроскопическое расхождение line-height приводит к тому, что при большом кол-ве текста ни о каком pixel perfect речи быть не может. А требовать можно и хорошего качества печати журнала "Сноб" на туалетной бумаге "54 метра".

[wildhind]

А как быть с требованиями Pixel Perfect.

Открываем макет в фотошопе. В меню: File->Save as…, выбираем, к примеру, png. И вот он, пиксельперфект!

[Radiocity]

Спасибо. Но я думаю что это серьезная проблема, с которой даже профессиональные верстальщики сталкиваются каждый день и есть кардинальное решение этой проблемы

1) Попробовать Google Fonts

2) Выбить из дизайнера желание использовать Regular ногами или стулом.

Edited April 10, 2012 by Radiocity

[sergeysurovikin]

А как быть с требованиями Pixel Perfect.

Мне вот такие критерии нравятся: Чек-лист вёрстки. Они тоже довольно строгие и там тоже много спорных моментов, но процитирую:

Расположение блоков должно быть 1:1 по сравнению с макетом. Допускается расхождение до 5px для текста.

Даже микроскопическое расхождение line-height приводит к тому, что при большом кол-ве текста ни о каком pixel perfect речи быть не может. А требовать можно и хорошего качества печати журнала "Сноб" на туалетной бумаге "54 метра".

Спасибо большое. Материал на хабре очень интересный