Как сделать такой шрифт на css?

Question

[Егор Трегубенко]

Есть такой шрифт


Его вроде как рисовали в фш, в виде картинки потом вставляли. А как же получить примерно такой шрифт с помощью css? чтоб текст был текстом ,а не картинкой. Допустим я найду похожий по засечкам текст, добавлю выпуклость и тени через css, а как добавить сам эффект поцарапанного металла?

Answer 1

[Neyury]

Такого как на картинке точно не сделать.

Можете почитать эту статью "Техника создания текстурного текста"
Но в ней многие возможности почти не поддерживаются браузерами.
К примеру background-clip поддерживается только в firefox

На сколько хорошо поддерживается конкретное свойство можно смотреть здесь caniuse.com

Comments

[Егор Трегубенко]

спасибо, дельная статейка

Answer 2

[Артем Каюн]

Никак

Answer 3

[Александр Таратин]

WEB GL
SDF + Bump Mapping + 2D ligthing

Comments

[D']

>шрифт на css
>WEB GL
Ну да, чего уж там.

Answer 4

[Dvorak]

Без использования всяких WebGL никак