Как в шрифте pacifico сделать при бордере, чтобы не было линий при пересечении букв?

Question

[FavnAristotel]

Как сделать, чтобы не было линий бордера в соединении букв?
Пробовал и с SVG - то же самое.

.choose__sale{
     font-size: 50px;
    font-family: "Pacifico",sans-serif;
    color: transparent;
  -webkit-text-stroke: 2px #ffffff;
    line-height: 0.95;
}

<div class="choose__sale">
                Sale
            </div>

Случайно сохранил картинку с черным фоном, но с прозрачным то же самое.

Comments

[Ivan Ustûžanin]

как мне кажется никак, если только не делать постобработку итогового вектора, т.е. для отображения динамического текста не подходит

ну или можно попробовать выкинуть обводку и попробовать её эмулировать через фильтр — что-то типа drop-shadow

[Ankhena]

IvanU7n, для drop-shadow что-то должно быть непрозрачным. Я попробовала и умного не вышло.

Answer 1

[Ivan Ustûžanin]

да, drop-shadow тут не помощник, но SVG-фильтры оказались очень даже в деле
единственный нюанс — параметры (толщина, цвет обводки) задаются напрямую в фильтре

Comments

[Lynn «Кофеман»]

Неплохо, но выделение выглядит «прекрасно» :-)

[Ivan Ustûžanin]

Lynn «Кофеман», ну так proof-of-concent же ) всякие pointer-events: none; добавлять не стал