@font-face Генератор на уеб шрифтове
Променливи шрифтове, WOFF2 и CSS с едно кликване
Пуснете вашите TTF, OTF, WOFF или WOFF2 файлове — включително променливи шрифтове — изберете вашите настройки и изтеглете готов пакет за хостване с WOFF2, WOFF, пълен stylesheet.css и страница за демонстрация.
Пуснете шрифтове тук или кликнете, за да прегледате
TTF, OTF, WOFF, WOFF2 и променливи шрифтове — разрешени са множество файлове
Избрани шрифтове
Настройки за конвертиране
Това е името, което ще използвате в CSS, като font-family: 'MyName';. Оставете празно, за да запазите оригиналното име на семейството на всеки шрифт от файла.
Контролира как се показва текстът, докато уеб шрифтът се зарежда.
Път, използван в url(...) в генерирания стилов лист.
Съвет: натиснете Ctrl+Enter за генериране.
Вашият пакет с уеб шрифтове е готов
ZIP съдържа: конвертирани шрифтове, stylesheet.css и страница за демонстрация.html.
100% на клиентската страна
Конвертирането протича изцяло в браузъра ви, използвайки WebAssembly. Вашите шрифтове никога не се качват.
Променливи шрифтове и всички формати
TTF, OTF, WOFF и WOFF2 в — оптимизиран WOFF2 извън, с пълна поддръжка на осите на променливия шрифт (wght, wdth, slnt, ital).
Изход, готов за производство
Изпраща stylesheet.css с правилния font-display, опционално local() и demo.html, така че можете да пуснете пакета направо в проекта си.
Какво е генератор на уеб шрифтове?
Генераторът на уеб шрифтове превръща файлове с шрифтове за настолни компютри или изтеглени шрифтове (TTF, OTF, WOFF, WOFF2 — включително съвременни променливи шрифтове) в формати, които браузърите могат да заредят през интернет — основно WOFF2 днес, с WOFF като наследствена резервна опция — и произвежда съответстващи CSS @font-face декларации, така че можете да хоствате типографията на вашия уебсайт сами.
Защо да хоствате шрифтове сами?
Самостоятелното хостване ви дава пълен контрол върху производителността, поверителността и надеждността. Няма заявка от трета страна до Google Fonts (полезно за GDPR), няма допълнително DNS търсене, можете да предварително заредите файла и вие решавате точно кои тегла, стилове и оси да се изпратят с вашия сайт.
Как работи конвертирането
WOFF2 обвива вашите TTF/OTF контури в контейнер, компресиран с Brotli, проектиран специално за уеба — обикновено 30 % по-малък от WOFF и над 50 % по-малък от суровия TTF. WOFF е по-стар zlib-компресиран обвивка, запазена като резервна опция за много стари браузъри. Нашият генератор използва официалния WOFF2 кодер и декодер на Google, компилиран в WebAssembly, така че конверсията се извършва локално в браузъра ви. Пуснете WOFF2, който сте изтеглили от Google Fonts и ние прозрачно го декодираме обратно в контейнер sfnt, преди да го повторно кодиране — никога не трябва да търсите оригиналния TTF.
Какво получавате в пакета
- Шрифтове в WOFF2 (и по желание WOFF/TTF) за всеки качен шрифт — включително променливи шрифтове, запазени като един малък файл.
- Пълен stylesheet.css с едно @font-face правило на файл, правилните формат() подсказки, диапазони на font-weight, font-style, font-stretch, font-display и опционално local().
- Страница demo.html, така че можете да прегледате всяко тегло, стил и ос в множество размери преди да стартирате.
- По избор Base64 вграждане, за да изпратите шрифта в линията в CSS за офлайн-първи или единични файлови сценарии.
Поверителност и лицензиране
Файловете никога не напускат вашето устройство — всичко се обработва в браузъра ви. Винаги се уверявайте, че лицензът на вашия шрифт позволява вграждане на уеб шрифтове преди да го публикувате на вашия уебсайт.