F
FRONT | Фронтенд | JavaScript | CSS | TanStack Start | Chrome 158 | Safari 27.2 | Preact 11 | Remix 3 | JPEG XL | TypeScript | Next.js 16.4 | Interop 2027 | WebMCP | React Compiler | Base UI 1.9
IT и технологии · 15 сентября 2026 г.
Обводка текста через -webkit-text-stroke подъедает буквы: штрих рисуется по центру глиф...
Обводка текста через -webkit-text-stroke подъедает буквы: штрих рисуется по центру глифа, половина уходит внутрь и перекрывает заливку. Толще контур — уже буквы. Одна строка это чинит: paint-order: stroke fill. Обводка ложится под заливку и торчит только наружу, форма символов не меняется. -webkit-text-stroke: 3px #f59e0b; paint-order: stroke fill; Работает в Chrome 123+, Safari 11+, Firefox 60+.
20 просмотров