Сгенерируйте SVG из Google Fonts

Как использовать веб-приложение для преобразования любого текста в SVG

Tom • Инструменты и разработка •

Текст в SVG

Если вы хотите сгенерировать простой SVG из пользовательского фрагмента текста, в котором используется шрифт из Google Fonts, есть отличное веб-приложение, которое делает именно это (ссылка также в приложении в конце страницы).

Приложение называется «google-font-to-svg-path» и предоставляет простой интерфейс для ввода текста, определения размера шрифта, а также семейства шрифтов и некоторых других параметров. Когда вы будете готовы, вы можете просто преобразовать текст в действительный SVG.

Действия

Feedback

Discord

Предлагаемые сообщения

Пример UX на обзорной странице
Пример UX на обзорной странице

Как я разработал обзорную страницу для всех категорий постов

Пример использования UX страницы сообщения в блоге
Пример использования UX страницы сообщения в блоге

Как я разработал страницу статьи для этого веб-приложения

Легкая альтернатива Axios
Легкая альтернатива Axios

Использование Redaxios вместо Axios в качестве небольшой альтернативы

Обзоры кода: как повысить уровень своих навыков
Обзоры кода: как повысить уровень своих навыков

Почему обзоры кода — самый мощный инструмент для того, чтобы стать лучшим разработчиком

Raycast для macOS
Raycast для macOS

Универсальный инструмент управления огромным набором общих задач

Поиск кода на GitHub
Поиск кода на GitHub

Как использовать нечеткий поиск Github для ваших репозиториев

Регулировка яркости на внешних дисплеях macOS
Регулировка яркости на внешних дисплеях macOS

Как использовать приложение MonitorControl для изменения яркости экрана

"Обзор CSS" в DevTools Chromium
"Обзор CSS" в DevTools Chromium

Как анализировать свой CSS с помощью DevTools

Типы строк шаблона машинописного текста как дискриминанты
Типы строк шаблона машинописного текста как дискриминанты

Улучшенные типы литералов шаблона в Typescript 4.5

Загрузить встроенные модули Node.js
Загрузить встроенные модули Node.js

Немного особенный синтаксис импорта для встроенных модулей

Кодирование в VR
Кодирование в VR

Почему Quest 2 (и не только) от Meta - это веха в виртуальной реальности

Удалить игнорируемые файлы в git
Удалить игнорируемые файлы в git

Одна команда для удаления проигнорированных файлов, которые возвращены.

Отловить ошибки в Promise.all
Отловить ошибки в Promise.all

Безопасная альтернатива Javascript Promise.all

Самый мощный SSH-терминал
Самый мощный SSH-терминал

Как использовать VS Code в качестве ежедневного SSH-терминала

Работа с Github Copilot
Работа с Github Copilot

Как ИИ может значительно улучшить скорость написания кода

Палитра команд Github
Палитра команд Github

Как искать репозитории и быстрые действия на Github

Что такое «навигатор» в прогрессивных веб-приложениях?
Что такое «навигатор» в прогрессивных веб-приложениях?

Как "навигатор" позволяет постепенно улучшать ваши веб-приложения

Простые анимированные аналоговые часы в Tailwind.css
Простые анимированные аналоговые часы в Tailwind.css

Как создать очень простые аналоговые часы с анимацией только в Tailwind.css

UX-пример страницы портфолио
UX-пример страницы портфолио

Мысли, которые повлияли на дизайн страницы моего личного портфолио

Специальная сетевая функция для аналитики данных в браузере
Специальная сетевая функция для аналитики данных в браузере

Как использовать sendBeacon для надежной передачи небольших фрагментов данных

Написание плагина xbar для Plausible.io
Написание плагина xbar для Plausible.io

Как я написал JS-плагин для приложения xbar, чтобы видеть текущее количество посетителей

Дополнение

Generator

Google Fonts

Категории

Инструменты и разработка

Все категории