Как этот шрифт реализован для гравировки?

Question

Я смотрю на http://agilewebsolutions.com/support. Как видите, все тексты h2 и h3 имеют гравированный эффект, придающий им трехмерный вид. Как это достигается? Я не мог выкопать это из кода. Любая помощь будет оценена.

Answer 1

h1 использует text-shadow:0 -1px 0 #000000;, поскольку это светлый текст на темном фоне.

h2 использует text-shadow:0 1px 0 #FFFFFF;, что является точной обратной величиной вышеупомянутой. support.css (строка 47)

Однако оба выглядят выгравированными из-за использования светлого текста на темном фоне и темного текста на светлом фоне.

Answer 2

Это делается с помощью эффекта CSS3 text-shadow. См. здесь для получения дополнительной информации. IE все еще не поддерживает большинство свойств CSS3.