Как сделать эффект высеченного шрифта?

Question

[Филипп Гаврилов]

Реально ли с помощью CSS/JS хотя бы приблизительно добиться такого эффекта для шрифта?



Или хотя бы выявить линии внутри буквы (кромки граней), без светотени.

Comments

[Максим Тимофеев]

А как без светотени это в принципе сделать? Экран это 2d проекция. Вы хотите нарушить законы физики? Мы видим благодаря свету, в принципе.

[Филипп Гаврилов]

Максим Тимофеев, я имел ввиду показать контур буквы + контуры кромок

[Максим Тимофеев]

Filgavrilov,

контур буквы + контуры кромок

нарисуйте, что такое контуры кромок?

[Филипп Гаврилов]

Максим Тимофеев,

[Максим Тимофеев]

Filgavrilov, А что мешает взять такой шрифт?

[Филипп Гаврилов]

Максим Тимофеев, ничего, кроме того, что мне нужен этот эффект к уже существующему шрифту

Answer 1

[Александр Аксентьев]

https://codepen.io/depy/pen/Auwdv
не то конечно, но кроме такого наверно что-то другое с трудом получится выдавить из css.
Проще шрифт взять готовый.

Answer 2

[Interface]

Посмотрите в сторону SVG:
https://stackoverflow.com/questions/34999702/text-...
https://css-tricks.com/svg-filters-on-text/
https://www.smashingmagazine.com/2015/05/why-the-s...

Answer 3

[Нерон Лордов]

Похоже, что без собственных костылесипедов не обойтись.

Comments

[Филипп Гаврилов]

Ясно. В каком хотя бы направлении искать костыли?

[Нерон Лордов]

Filgavrilov, а хрен его знает. Просто гугление не дало ничего похожего на сабжевую картинку.
Я бы не заморачивался и делал все подобные рюшки в фотошопе. Они мало где нужны, кроме игростроя.