Размер шрифта в *.psd для CSS

[Kelenar]

Добрый вечер. Взялся верстать свой первый макет в *.psd. Сразу возник ряд вопросов ответы на которые поиск по форуму не дал.

В *.psd есть текстовый слой, размер шрифта 20pt. Ставлю тоже в пунктах в CSS - совсем не то получается. Пытаюсь переводить в другие единицы измерения исходя из 12pt-16p-1em, снова глупости.

Вопрос: как правильно переводить размер шрифта из *.psd в CSS ?

И еще, в макете куча текстовых полей, отступов и т.д. Неужели что бы узнать размер отступа его надо "линейкой" мерять или включать сетку и присматриваться ? О_о

И как пожелание хотелось бы увидеть на форуме мануал для новичков (или не очень) как верстать макет с *.psd. Тонкости использования графической части и требования, которым должен удовлетворять макет, готовый для верстки.

[swetlana]

вообще-то больше смысла фотошоп настроить на размер шрифта в пикселях.

[Kelenar]

Мда.... за шрифты спасибо , глупо с моей стороны. А как на счет измерения отступов и полей?

[swetlana]

а чем не устраивает штатная фотошопова линейка?

[Kelenar]

Всем устраивает, если померять 5-10 раз. А в среднем макете..... много мерять всяких отступов, думал может чего не понимаю и есть более удобный способ, вот и спросил

[swetlana]

иногда удобнее даже бывает воспользоваться просто прямоугольным выделением, глядя на окошко info.

[mishka]

иногда удобнее даже бывает воспользоваться просто прямоугольным выделением, глядя на окошко info.

Все время так и делаю, других способов даже не знаю

[cssview]

Поддерживаю. Всегда меряю отступы выделением, но и линейкой не брезгую.

[Kelenar]

По мере продвижения появляются новые вопросы. Снова по гарнитуре шрифта. Как сопоставить фотошоповую жирность шрифта, межстрочный интервал, межсимвольный интервал. Сижу наугад пробую, не правильно это. Подскажите как верно перенести "параметры" абзаца (шрифта) в CSS?

[Justnewone]

В свойствах шрифта все написано, от семейства шрифта до межстрочного интервала.

[tt48]

Там хоть и все написано, но не все так очевидно.

Например, жирность начертания от типа начертания "strong"

с помощью того же font-weight не получается сделать.

Приходится делать через text-shadow: color,color,color;

(для IE *zoom : 1;

*filter : shadow(color=#559cdb, direction=90, strength=1);

или

filter: dropshadow(color=white, offx=1, offy=0,positive=1)

И то, он просто насыщенность начертания увеличивает, ширина

остается практически той же.

Letter-spacing тоже помогает не всегда.

Пробовал все на шрифте Arial.

Edited April 26, 2011 by tt48

[Great Rash]

Тупость... Надо просто дизайнеру сказать чтоб отключал сглаживание шрифтов в фотошопе и все.

[swetlana]

тут важно ещё с заказчиком беседу провести.

Ибо нет возможности детально регламентировать шрифт, и заказчик должен это понимать, принимая работу.