Конструктор считывает оси fvar и покрытие символов cmap предоставленного шрифта, затем встраивает лицензированный шрифт в офлайн-инструмент образцов. Элементы управления в браузере открывают эти реальные оси; экспорт включает PNG, живой текст SVG и редактируемый JSON настроек.
- Нужно
- Python 3 · browser
v1.0.0 · Обновлено 25 окт. 2026 г. · 351 KB · Можно использовать в личных и клиентских проектах; пожалуйста, не перепродавайте и не распространяйте пакет.
Что вы получите
Портативный офлайн HTML-инструмент с настоящими интерактивными элементами управления
Редактируемый JSON настроек и специализированный конструктор
Подходит для
- Исследование шрифтов, изучение брендовой типографики и портативные образцы шрифтов.
Не подходит для
- Очистка лицензий шрифтов, преобразование статических шрифтов в вариативные или идентичный рендеринг в каждом просмотрщике SVG.
Как это работает
Включает локальный рендерер
Подготовьте фактический ввод
Входящий шрифт OFL или лицензированный вариативный шрифт.
Примените поддерживаемые параметры
Замените вариативный шрифт на встраиваемый. Отредактируйте одну строку образца. Настройте только оси этого шрифта и экспортируйте результат.
Соберите и проверьте результат
Откройте output/index.html в браузере. Используйте реальные элементы управления и скачайте экспортированные артефакты. Конструктор не публикует веб-сайт.
Как работает процесс
Как работает Лаборатория образцов вариативного шрифта
Конструктор считывает оси fvar и покрытие символов cmap предоставленного шрифта, затем встраивает лицензированный шрифт в офлайн-инструмент образцов. Элементы управления в браузере открывают эти реальные оси; экспорт включает PNG, живой текст SVG и редактируемый JSON настроек.
Что входит в навык
Что можно изменить
- Замените вариативный шрифт на шрифт, который вы вправе встраивать.
- Отредактируйте одну строку образцового текста.
- Настройте только оси, присутствующие в этом шрифте, и экспортируйте результат.
Что проверить перед передачей результата
- Конструктор проверяет реальные оси шрифта, диапазоны значений и покрытие символов.
- Проверьте фактические экспорты PNG/SVG и длинный текст в браузере; поддержка шрифтов в просмотрщиках может отличаться.
Посмотреть файлы пакета
Здесь перечислены некоторые рабочие файлы этой версии и их назначение. Полный пакет также содержит инструкции и применимые лицензионные уведомления.
Считывает реальные оси fvar и покрытие глифов cmap, затем встраивает лицензированный шрифт для офлайн-использования.
scripts/project.pyПрименяет реальные оси шрифта, проверяет отсутствующие символы и экспортирует живой текст SVG или растровый PNG.
scripts/studio.jsЛокальная валидация, защищённый вывод и сборка артефактов.
scripts/build.pyЗапускаемый пример с реальными поддерживаемыми параметрами.
examples/project.jsonОграничения конкретного механизма и критерии визуальной проверки.
references/production.md
Зачем нужен этот навык
Начать с этого пакета
Конструктор считывает оси fvar и покрытие символов cmap предоставленного шрифта, затем встраивает лицензированный шрифт в офлайн-инструмент образцов. Элементы управления в браузере открывают эти реальные оси; экспорт включает PNG, живой текст SVG и редактируемый JSON настроек. Пакет предоставляет рабочий пример, ограниченные входные данные и маршрут экспорта, чтобы их не пришлось проектировать по чистому промпту.
Сравнить подходы
Запрос, собственный навык или этот процесс?
Начать с запроса
Ваш агент может создавать материалы по обычному запросу. Но для проекта всё равно нужно определить задание, визуальные правила, выбор материалов, формат результата и порядок проверки.
Написать собственный навык
Вы выбираете и поддерживаете повторно используемые инструкции, настройки по умолчанию, структуру файлов и проверки. Это удобно, если вашему процессу нужны другие правила или интеграции.
Процесс, созданный для PopNow
Этот процесс разработан для PopNow. Исходные файлы, включённые зависимости и применимые уведомления входят в пакет; описанные ниже возможности относятся к этой версии.
Руководство проверено 25 окт. 2026 г.
Сколько это будет стоить?
Встроенный процедурный или шрифтовой пример выполняется локально без генерации медиа. Время компьютера и используемый агент или внешний просмотрщик не входят в тарифы генерации PopNow. Новые необязательные медиа, запрошенные позже, требуют собственной оценки цены.
Предусмотренный процесс выполняется локально. Создание новых материалов — отдельное решение. Навык бесплатный. Стоимость новых материалов рассчитывается до генерации.
Пакет навыка
Установка бесплатна в пределах лимита скачиваний вашего аккаунта. Лицензия пакета разрешает работу для себя и клиентов, но не его дальнейшее распространение.
Готовые материалы и локальная работа
Повторное использование подходящих материалов, редактирование файлов и локальная сборка не обращаются к моделям генерации PopNow. Работу по-прежнему выполняют ваш компьютер и необходимая среда выполнения.
Ваш агент и хостинг
Подписка, облачный компьютер, развёртывание и другие услуги оплачиваются соответствующему сервису. Установка навыка не включает эти услуги.
Как устроена оплата PopNow
Подключения с API-ключом PopNow, включая MCP с API-ключом, расходуют отдельный баланс API в долларах США. Подключение ChatGPT или Claude, авторизованное через OAuth, расходует кредиты сайта. Эти балансы раздельные; расходы одобряются на основе расчёта, показанного в вашем подключении.
Действуют лимиты скачиваний и текущие условия аккаунта. Бесплатный пакет не означает неограниченную бесплатную генерацию.
Как пользоваться
Вы пишете
Используйте навык PopNow «Лаборатория образцов вариативного шрифта» (variable-type-specimen-lab) для этой задачи: Изучите реальный вариативный шрифт, настройте поддерживаемые оси и экспортируйте живые текстовые образцы с проверкой глифов. Начните с включённого проекта, внесите запрошенные правки и изучите фактический результат.
Потом попробуйте
Замените вариативный шрифт на шрифт, который вы вправе встраивать.
Отредактируйте одну строку образцового текста.
Что подготовить
- Входящий шрифт OFL или лицензированный вариативный шрифт.
- Python с поддержкой fontTools WOFF для пересборки плюс актуальный браузер.
Похожие навыки
Смотреть все →
ВебПлощадка пазлов из фотографий
+25Превратите фотографию в играбельный пазл с фигурными элементами, перетаскиванием, примагничиванием и управлением с клавиатуры.
ВебШаблон сайта бренда напитков
+25Солнечный сайт бренда напитков или снеков: магазин, конструктор наборов, карта точек продаж и демо-оформление в одном файле.
ВебПрокручиваемый бумажный мир
+25Пройдите по многослойному бумажному пейзажу, найдите три сувенира и соберите небольшой дневник прогулки.
ВебШаблон сайта магазина кроссовок
+25Полноценный магазин обуви или одежды с каталогом, карточками товаров, корзиной и демо-оформлением заказа в одном HTML-файле.
ВебФрактальное зум-искусство
+25Исследуйте вычисляемый фрактал, выберите крупный план и экспортируйте точный вид как арт и повторяемый бриф.
ВебСайт-портфолио в стиле скрапбукинга
+25Многостраничное онлайн-резюме из бумажных предметов, с кейсами и версией резюме для печати.
ВебОрбита линий Фурье
+25Восстановите замкнутый рисунок вращающимися кругами Фурье и экспортируйте выбранную гармонику.
ВебЛаборатория дизайна складных конструкций
+25Откройте симметричную бумажную связь, настройте геометрию крепления и экспортируйте измеренный макет сгиба.
ВебМикросайт винилового альбома
+25Покажите альбом как осязаемую обложку с двумя сторонами для прослушивания, заметками и вращающейся пластинкой.
ВебСайт аппаратного продукта
+25Огромные тонкие названия моделей на студийных кадрах, матовые карточки характеристик и линейка в масштабе.
ВебШаблон сайта турагентства
+25Сайт с фото для туров, гидов или лоджей: поиск поездок, заявки на бронирование и квиз для подбора поездки.
ВебСайт фрилансера-дизайнера
+25Смелый сайт соло-студии с фиксированными пакетами: страницы тарифов, кейсы и форма брифа.
ВебШаблон сайта в стиле глассморфизма
+25Матовые стеклянные таблетки на почти чёрном фоне, крупный заголовок с засечками и подписка.
ВебСтудия фотоэластичного напряжения
+25Создавайте светлые арт-работы с фотоэластичными полосами, настраивая нагрузки и углы поляризатора в портативной оффлайн-студии.
ВебОртогональная скульптура слов
+25Пересеките два выдавленных слова, чтобы получить один сплошной объект, который читается по-разному с разных перпендикулярных точек обзора.
Веб3D-конструктор аватаров
+25Соберите милого плюшевого 3D-персонажа прямо в браузере и сохраните его как прозрачный PNG или 3D-страницу.
ВебСайт академического CV
+25Систематизирует исследования, преподавание и службу с фильтрами публикаций и BibTeX.
ВебКалендарная тепловая карта активности
+25Год ежедневной активности в виде календарной сетки с заливкой — с сериями, итогами и управлением с клавиатуры.
ВебСайт аграрной продукции
+25Фильтрует оборудование по культурам и регионам, сравнивает параметры и готовит запрос.
ВебЛендинг SaaS с ИИ
+25Песочный фон, тонкие направляющие и штриховка вокруг живой канбан-доски, где ассистент планирует задачи.
ВебАнимированный первый экран сайта
+25Первый экран лендинга с плавно сменяющимся словом в заголовке, двумя кнопками и широкой рамкой для изображения.
ВебПортфолио в аркадной комнате
+25Представьте проекты как картриджи в маленьком игровом зале с клавиатурной и сенсорной навигацией.
ВебАрхитектурное портфолио
+25Фильтруйте проекты, меняйте единицы площади и печатайте подборку.
ВебСайт аудиопродуктов
+25Сравнивайте характеристики и слушайте свои аудиофайлы в настоящем локальном A/B-тесте.
ВебАнализатор аудиоспектра
+25Анализирует локальную запись и показывает реальный спектр, пиковую частоту и уровень сигнала.
ВебШаблон сайта кейсов
+25Связывайте доказательства с показателями, проверяйте изменения и отмечайте пробелы в данных.
ВебПанель денежного потока
+25Сверяет начальный остаток, поступления и расходы с балансом после каждой операции.
ВебКинематографичный скролл-рассказ
+25Расскажите фотоисторию в четырёх актах с крупными кадрами, плавным движением и широкоформатным режимом.
ВебМаркетинговый сайт CMS
+25Редактируйте JSON статьи, проверяйте поля, просматривайте и выгружайте корректный контент.
ВебСтраница спикера конференции
+25Ищите выступления по теме и длительности, выгружайте представление и технический райдер.
ВебСозвездие воспоминаний
+25Соедините шесть фотографий в созвездие и исследуйте его свободно или по порядку событий.
ВебШаблон сайта строительной компании
+25Рассчитывайте объёмы и расценки, отдельно показывайте резерв и выгружайте смету.
ВебШаблон сайта консультанта
+25Сравнивайте форматы по цели, сроку и размеру команды и выгружайте бриф.
ВебВоронка конверсии
+25Считает конверсии и потери по этапам одной когорты с проверяемой таблицей данных.
ВебСайт агентства с шейдерным героем
+25Живой оранжевый шейдерный герой под крупным заявлением, навигация-таблетка и сетка кейсов.
ВебПортал запуска клиента
+25Проводит зависимые этапы настройки с ответственными и взвешенным прогрессом.
ВебТёмный лендинг для SaaS
+25Тёмный маркетинговый сайт с насыщенной анимацией для программного продукта — в одном автономном HTML-файле.
ВебВитрина дизайн-системы
+25Редактирует цвета, рассчитывает контраст и экспортирует согласованные токены CSS и JSON.
ВебСайт портфолио дизайнера
+25Шесть наклонённых карточек вокруг заголовка на сером фоне, красная карточка портрета и кейсы.
ВебЖурнал разработчика
+25Создаёт технический журнал с поиском, читаемым кодом и экспортируемой лентой RSS.
ВебСайт-портфолио разработчика
+25Тёмный личный сайт для инженеров с кейсами, статьями, докладами, резюме и формой обратной связи.
ВебЛендинг электронной книги
+25Читайте оригинальные главы, меняйте размер текста и сохраняйте прогресс локально.
ВебРедактируемый бюджет
+25Пересчитывает план, фактические расходы и остаток при изменении количества и цены.
ВебРедакционный сайт SaaS
+25Тёмно-синий разделённый герой, заголовок с засечками рядом с документальным кадром и кобальтовый акцент.
ВебГрафик посещаемости
+25Сравнивает регистрации, посещения и вместимость со взвешенным показателем явки.
ВебШаблон сайта мероприятия
+25Фильтруйте сессии, находите пересечения по времени и выгружайте личное расписание.
ВебСравнение экспериментов
+25Сравнивает конверсии, размеры выборок и интервалы Уилсона без поспешного выбора победителя.
ВебПортал финансовых отчётов
+25Ищите отчёты по году и типу, сравнивайте показатели и выгружайте данные.
ВебПрототип поиска рейсов
+25Фильтрует локальные рейсы по маршруту, дате и пассажирам, сравнивая цену и длительность.
ВебИнтерактивная схема архитектуры
+25Офлайн-схема системы, по которой можно кликать: построена из проверенной JSON-модели, с обоснованием для каждого блока.
ВебИнтерактивный мини-музей
+25Исследуйте три зала, рассматривайте обычные предметы и собирайте собственный билет впечатлений.
ВебСайт дизайнера интерьера
+25Создавайте бриф по размерам комнаты, бюджету и приоритетам с возможностью выгрузки.
ВебСайт ювелирного магазина
+25Проверяйте сочетания материала и размера и выгружайте список запросов.
ВебГраф знаний из заметок
+25Превратите заметки проекта в офлайн-граф с поиском, где каждое утверждение ведёт к строке источника.
ВебШаблон KPI-дашборда
+25Четыре KPI-плитки с чипами изменений, линейный график, таблица разбивки и целевые полосы на тёплой бумаге.
ВебЛендинг из ИИ-макетов
+25Сначала три полноэкранных макета на выбор, затем ваш агент собирает выбранный как чистый адаптивный код.
ВебЛист ожидания с рекомендациями
+25Проверяйте постоянные коды и локальную очередь в явно обозначенной демонстрации.
ВебШаблон сайта юридической фирмы
+25Составляйте печатный список подготовки к консультации по услуге и юрисдикции.
ВебШаблон сайта журнала
+25Сайт журнала с качеством печатного издания: статьи, рубрики, небольшой магазин и подписка — в одном HTML-файле.
ВебКалькулятор стоимости подписки
+25Точно рассчитывайте цену по числу участников, периоду и опциям и сравнивайте планы.
ВебСайт некоммерческой кампании
+25Показывайте цель и допущения затрат, находите волонтёрские задачи по времени.
ВебЛендинг онлайн-курса
+25Проверяйте подготовку, изучайте программу и рассчитывайте недельный учебный план.
ВебПанель рабочих задач
+25Сортирует задачи по приоритету, ответственному и сроку с явными переходами состояний.
ВебГерой с анимацией частиц
+25Текст на тёплой бумаге рядом со сферой из чернильных и бирюзовых точек, меняющей форму под каждую идею.
ВебСайт личного бренда
+25Портрет, растворённый в тёплой бумаге под тонкой скобкой, с лёгким и жирным заявлением по бокам.
ВебШаблон сайта зоомагазина
+25Работающий магазин зоотоваров с каталогом, вариантами, корзиной, планировщиком пополнения и демо-оформлением в одном HTML-файле.
ВебРедактор фотопоследовательности
+25Меняйте порядок снимков, кадрирование и сюжетные подписи, затем экспортируйте и восстановите точную последовательность.
ВебПлощадка фотостикеров
+25Расставляйте фотографии мышью или клавиатурой, поворачивайте, отменяйте изменения и сохраняйте коллаж в PNG.
ВебФотопортфолио
+25Организует серии фотографий с просмотром с клавиатуры и печатным контактным листом.
ВебШаблон сайта подкаста
+25Сайт подкаста с проигрываемым хедером, архивом выпусков, страницами гостей и плеером, который продолжает играть.
ВебРаздел цен в стиле рисованной заметки
+25Таблица тарифов в стиле блокнота: слегка наклонённые карточки с чернильным контуром, переключатель года и тёмная тема в одном офлайн-файле.
ВебКаталог интеграций продукта
+25Ищите интеграции по функциям и авторизации и составляйте список настройки.
ВебКинематографичная страница запуска продукта
+25Почти чёрная страница в свете премьеры: заголовок с засечками, ночная сцена в letterbox и форма брони.
ВебШаблон сайта недвижимости
+25Фильтруйте объекты по бюджету и числу спален и печатайте сравнение.
ВебСайт исследовательской статьи
+25Страница проекта для вашей статьи с интерактивным рисунком 1, результатами, ограничениями и цитированием в один клик.
ВебСтруктура выручки
+25Сравнивает суммы и доли по категориям, сверяя итог каждого периода.
ВебОтчёт о динамике выручки
+25Показывает выручку, изменение и скользящее среднее, отмечая пропущенные даты.
ВебШаблон админ-панели
+25Рабочая консоль бэк-офиса с графиками, таблицами, канбаном и календарём — в одном офлайн-HTML-файле.
ВебШаблон лендинга для SaaS
+25Спокойный светлый маркетинговый сайт для программного продукта с рабочей консолью продукта, ценами и регистрацией.
ВебТаблица с поиском
+25Превращает CSV в таблицу с поиском, числовой сортировкой, страницами и безопасным экспортом.
ВебПанель состояния сервисов
+25Показывает состояние компонентов, устаревшие проверки и историю инцидентов.
ВебШаблон сайта спортивного клуба
+25Сайт клуба, зала или студии с расписанием, страницами тренеров, абонементами, планом кортов и бронированием в одном файле.
ВебРаздел стены отзывов
+25Мозаичная или медленно дрейфующая стена отзывов клиентов, в которую попадают только цитаты, на которые люди дали согласие.
ВебСайт маршрута поездки
+25Планирует дни, проверяет пересечения и время переездов и суммирует известные расходы.
ВебПортфолио UX-кейсов
+25Связывает решения с доказательствами и отделяет наблюдаемые результаты от предложений.
ВебЛендинг автоматизации процессов
+25Графитовая страница, небольшой заголовок слева и живой граф узлов: запускается, повторяет попытку, пишет логи.
ВебПортфолио писателя
+25Ищите тексты по изданию и теме, сохраняйте список чтения и выгружайте биографию.
ВебИнтерактивный герой с сеткой
+25Тёмная сетка тонких нитей, которая гнётся к курсору, и светящееся кольцо от каждого клика.
Вопросы
Что происходит, если символ отсутствует?
Конструктор проверяет cmap шрифта и отклоняет неподдерживаемый исходный текст. Браузер предупреждает об отсутствующих символах и отключает экспорт изображения для этого текста; он не подменяет шрифт другим.
Требует ли встроенный пример платной генерации?
Нет. Включённые ассеты или процедурные входы выполняются локально. Если вы запросите новые изображения, клипы или звук, используйте PopNow с точным запросом цены и одобрением до генерации; USD API и кредиты OAuth-сайта разделены.
Что уже входит в пакет Лаборатория образцов вариативного шрифта?
Считывает реальные оси fvar и покрытие глифов cmap, затем встраивает лицензированный шрифт для офлайн-использования. Применяет реальные оси шрифта, проверяет отсутствующие символы и экспортирует живой текст SVG или растровый PNG. Локальная валидация, защищённый вывод и сборка артефактов. Запускаемый пример с реальными поддерживаемыми параметрами. Ограничения конкретного механизма и критерии визуальной проверки.
Какие этапы Лаборатория образцов вариативного шрифта могут потребовать оплаты?
Встроенный процедурный или шрифтовой пример выполняется локально без генерации медиа. Время компьютера и используемый агент или внешний просмотрщик не входят в тарифы генерации PopNow. Новые необязательные медиа, запрошенные позже, требуют собственной оценки цены. Подключения с API-ключом PopNow, включая MCP с API-ключом, расходуют отдельный баланс API в долларах США. Подключение ChatGPT или Claude, авторизованное через OAuth, расходует кредиты сайта. Эти балансы раздельные; расходы одобряются на основе расчёта, показанного в вашем подключении.
Чем Лаборатория образцов вариативного шрифта отличается от обычного запроса или собственного навыка?
Конструктор считывает оси fvar и покрытие символов cmap предоставленного шрифта, затем встраивает лицензированный шрифт в офлайн-инструмент образцов. Элементы управления в браузере открывают эти реальные оси; экспорт включает PNG, живой текст SVG и редактируемый JSON настроек. Пакет предоставляет рабочий пример, ограниченные входные данные и маршрут экспорта, чтобы их не пришлось проектировать по чистому промпту.