Creați pachet de fonturi web
Selectați fonturi TTF, OTF, WOFF sau WOFF2 pentru a crea fișiere WOFF2, CSS și o previzualizare HTML. Înainte de a le integra într-un site, verificați textul exemplu și numele, greutatea, stilul și afișarea în timpul încărcării din CSS, apoi salvați pachetul ca ZIP. Nu se face subselectarea caracterelor.
Ce puteți face
Grupăți fișierele pentru web
Creați WOFF2, CSS și o previzualizare HTML din TTF, OTF, WOFF sau WOFF2. Puteți selecta mai multe fonturi împreună.
Verificați glifurile și setările CSS
Verificați cum arată fonturile convertite. Puteți modifica după nevoie numele, grosimile și stilurile folosite pe web, precum și afișarea în timpul încărcării.
Distribuiți setul ca ZIP
Salvați folderul fonts, fonts.css și preview.html ca pe un singur set. Folosiți-l cu pozițiile relative păstrate.
Cum să utilizați
Selectați fonturile împreună
Selectați fonturi pe care le puteți folosi pe web. Dacă folosiți mai multe fonturi, selectați-le împreună.
Verificați aspectul și setările web
Introduceți text pentru previzualizare și verificați fiecare font. Pentru a-i ajusta numele, grosimea sau alte opțiuni, deschideți setările CSS ale fontului respectiv.
Creați kitul și salvați ZIP-ul
Faceți clic pe „Create web font package” și salvați webfont-kit.zip generat.
Dezarhivați și adăugați într-o pagină web
Dezarhivați fișierele păstrând pozițiile folderului fonts, fonts.css și preview.html. Încărcați CSS-ul în pagina în care veți folosi fonturile și folosiți numele de font indicate.
Când este util
Pregătiți un site pentru publicare
Grupăți fonturile în formate web și în CSS pentru a pregăti fișierele necesare integrării.
Predați setul complet echipei de producție
Grupăți mai multe fonturi, de exemplu normal și bold, și predați-le împreună cu un HTML care conține text pentru verificare.
Cum funcționează împreună fonturile și CSS
WOFF2 este un format de font pentru web
Pregătește WOFF2 cu caracterele originale. Caracterele nu sunt extrase parțial. Dimensiunea fișierului variază în funcție de font.
Înregistrați numele, grosimile și stilurile în CSS
Aceste setări stabilesc ce stiluri solicitate folosesc acest font pe web. Ele nu transformă glifurile fontului în bold sau italic.
Deosebiți același nume prin grosime și stil
Stilurile normal și bold pot folosi același nume, dar combinația de nume, grosime și stil nu poate fi duplicată.
Alegeți afișarea în timpul încărcării
În mod implicit, se afișează mai întâi un font de rezervă, care este înlocuit când fontul este gata. Dacă este nevoie, puteți modifica în setările CSS comportamentul de așteptare și de înlocuire.
Păstrați pozițiile relative ale fișierelor
fonts.css face referire la fișiere precum fonts/font-1.woff2. Dacă mutați folderul sau CSS-ul, ajustați corespunzător căile de referință.
Întrebări frecvente
Unde ar trebui să pun fișierele generate?
Dezarhivați ZIP-ul și puneți folderul fonts, fonts.css și preview.html astfel încât pozițiile lor relative să fie păstrate. Încărcați fonts.css în pagina dvs. și folosiți numele fontului indicat în CSS.
Cum diferă de simpla conversie a formatului?
Acest ecran grupează WOFF2 împreună cu CSS și o previzualizare HTML. Dacă vreți doar să schimbați formatul fontului, folosiți „Font format converter”.
Pot păstra doar caracterele pe care le folosesc?
Acest ecran nu extrage doar caracterele folosite. El pregătește fonturi care păstrează caracterele originale.
Schimbarea grosimii face caracterele mai groase?
Setarea specifică valoarea grosimii folosită în CSS. Ea nu modifică glifurile din fișierul de font. Pentru a folosi bold sau italic, furnizați un fișier care conține acele glifuri.
Pot folosi mai multe fișiere cu același nume de font?
Puteți înregistra fișiere cu grosimi sau stiluri diferite. Dacă aceeași combinație de nume, grosime și stil apare de două ori, verificați setările respective.
Ce se întâmplă când selectez din nou fonturi?
Setul curent de fonturi și ZIP-ul generat sunt eliminate, iar setul nou selectat este încărcat. Selectați orice fișiere pe care vreți să le continuați folosirea împreună cu cele noi.
Ce faci dacă nu toate caracterele exemplu sunt afișate?
Caracterele care nu sunt incluse în font pot fi afișate cu alt font. Verificați caracterele acceptate și cum arată acolo unde va fi folosit fontul.
Ce faci dacă un font nu poate fi încărcat?
Selectați din nou fonturi într-un format acceptat. Dacă un fișier din set nu poate fi convertit sau încărcat, un set convertit doar parțial nu este salvat.
Intrare și rezultate
- Intrare
- TTF, OTF, WOFF și WOFF2. Puteți selecta mai multe fișiere împreună.
- Condiții
- Verificați condițiile de utilizare ale fonturilor de intrare, inclusiv încorporarea în web.
- Setări
- Numele, grosimile, stilurile și afișarea în timpul încărcării folosite în CSS.
- Ieșire
- webfont-kit.zip. Include WOFF2, fonts.css și preview.html.