@font-face tīmekļa fontu ģenerators
Mainīgās fonti, WOFF2 un CSS vienā klikšķī
Iemest savus TTF, OTF, WOFF vai WOFF2 failus — tostarp mainīgās fontus — izvēlieties savus iestatījumus un lejupielādējiet gatavu komplektu ar WOFF2, WOFF, pilnu stylesheet.css un dzīvu demo lapu.
Iemest fontus šeit vai noklikšķināt, lai pārlūkotu
TTF, OTF, WOFF, WOFF2 un mainīgās fontus — atļauti vairāki faili
Izvēlētie fonti
Pārvēršanas iestatījumi
Šis ir nosaukums, ko izmantosiet savā CSS, piemēram, font-family: 'MyName';. Atstājiet tukšu, lai saglabātu katra fonta oriģinālo ģimenes nosaukumu no faila.
Kontrolē, kā teksts tiek rādīts, kamēr webfonts tiek ielādēti.
Ceļš, kas tiek izmantots iekšā url(...) ģenerētajā stylesheet.
Padoms: nospiediet Ctrl+Enter, lai ģenerētu.
Jūsu webfont pakotne ir gatava
ZIP satur: pārvērstus fontus, stylesheet.css un dzīvu demo.html.
100% klienta pusē
Pārvēršana notiek pilnībā jūsu pārlūkprogrammā, izmantojot WebAssembly. Jūsu fonti nekad netiek augšupielādēti.
Mainīgie fonti un visi formāti
TTF, OTF, WOFF un WOFF2 iekšā — optimizēts WOFF2 ārā, ar pilnu mainīgā fonta asi atbalstu (wght, wdth, slnt, ital).
Ražošanai gatava izvade
Iekļauj stylesheet.css ar pareizu font-display, pēc izvēles local() un demo.html, lai jūs varētu tieši ievietot komplektu savā projektā.
Kas ir webfont ģenerators?
Webfont ģenerators pārvērš darbvirsmas vai lejupielādētos fontu failus (TTF, OTF, WOFF, WOFF2 — tostarp mūsdienu mainīgās fontus) formātos, ko pārlūkprogrammas var ielādēt pa tīklu — galvenokārt WOFF2 šodien, ar WOFF kā mantojuma rezerves — un rada atbilstošas CSS @font-face deklarācijas, lai jūs varētu pašuzturēt sava tīmekļa vietnes tipogrāfiju.
Kāpēc pašuzturēt fontus?
Pašuzturēšana dod jums pilnīgu kontroli pār veiktspēju, privātumu un uzticamību. Nav trešo pušu pieprasījumu uz Google Fonts (noderīgi GDPR), nav papildu DNS meklējumu, jūs varat iepriekš ielādēt failu, un jūs izlemjat, kuri svari, stili un asi tiek iekļauti jūsu vietnē.
Kā notiek pārvēršana
WOFF2 ietver jūsu TTF/OTF kontūras Brotli saspiestā konteinerā, kas izstrādāts tieši tīmeklim — parasti 30 % mazāks nekā WOFF un vairāk nekā 50 % mazāks nekā neapstrādātais TTF. WOFF ir vecāks zlib saspiests apvalks, kas tiek saglabāts kā rezerves variants ļoti vecām pārlūkprogrammām. Mūsu ģenerators izmanto Google oficiālo WOFF2 kodētāju un dekodētāju, kas ir kompilēts uz WebAssembly, tāpēc pārvēršana notiek lokāli jūsu pārlūkprogrammā. Iemest WOFF2, ko lejupielādējāt no Google Fonts, un mēs caurspīdīgi dekodējam to atpakaļ uz sfnt konteineru pirms atkārtotas kodēšanas — jums nekad nav jāmeklē oriģinālais TTF.
Ko jūs iegūstat komplektā
- Fonti WOFF2 (un pēc izvēles WOFF/TTF) katram augšupielādētajam sejas — tostarp mainīgās fontus, kas saglabāti kā viens mazs fails.
- Pilns stylesheet.css ar vienu @font-face noteikumu katram failam, pareizajiem format() norādījumiem, font-weight diapazoniem, font-style, font-stretch, font-display un pēc izvēles local().
- Demo.html lapa, lai jūs varētu priekšskatīt katru svaru, stilu un asi vairākos izmēros pirms publicēšanas.
- Pēc izvēles Base64 iekļaušana, lai nosūtītu fontu tieši savā CSS, lai nodrošinātu offline pirmo vai vienas faila scenārijus.
Privātums & licences
Faili nekad neatstāj jūsu ierīci — viss tiek apstrādāts jūsu pārlūkprogrammā. Vienmēr pārliecinieties, ka jūsu fonta licence atļauj webfont iekļaušanu pirms publicēšanas to savā tīmekļa vietnē.