Webes betűtípus-csomag létrehozása
Válasszon TTF, OTF, WOFF vagy WOFF2 betűtípusokat WOFF2-fájlok, CSS és HTML-előnézet létrehozásához. Mielőtt egy webhelybe be illesztené, ellenőrizze a minta szöveget, valamint a CSS nevet, súlyt, stílust és a betöltés közbeni megjelenítést, majd mentse a csomagot ZIP-ként. Karakterrészhalmaz kivágása nem történik.
Mire használható
Webhez való fájlok összeállítása
Hozzon létre WOFF2, CSS és HTML-előnézet fájlokat TTF, OTF, WOFF vagy WOFF2 fájlokból. Több betűtípust is kiválaszthat egyszerre.
Karakterformák és CSS-beállítások ellenőrzése
Ellenőrizze, hogyan néznek ki a konvertált betűtípusok. A weben használt neveket, súlyokat és stílusokat, valamint a betöltés közbeni megjelenítést szükség szerint módosíthatja.
A készlet megosztása ZIP-fájlként
Mentse a fonts mappát, a fonts.css és a preview.html fájlt egy készletként. Használja őket a relatív helyzetük megőrzésével.
Hogyan használható
Betűtípusok kiválasztása együtt
Válassza ki azokat a betűtípusokat, amelyeket a weben használhat. Ha több betűtípust használ, válassza ki őket együtt.
Megjelenés és webbeállítások ellenőrzése
Adjon meg előnézeti szöveget, és ellenőrizze az egyes betűtípusokat. A név, a súly vagy más beállítások módosításához nyissa meg az adott betűtípus CSS-beállításait.
A készlet létrehozása és a ZIP mentése
Kattintson a „Webfontcsomag létrehozása” gombra, és mentse a generált webfont-kit.zip fájlt.
Kinyerés és hozzáadás egy weboldalhoz
Bontsa ki a fájlokat a fonts mappa, a fonts.css és a preview.html helyzetének megőrzésével. Töltse be a CSS-t azon az oldalon, ahol a betűtípusokat használni fogja, és használja a megadott betűtípusneveket.
Mikor hasznos
Webhely előkészítése publikálásra
Csomagolja a betűtípusait webes formátumba és CSS-be az integrációhoz szükséges fájlok előkészítéséhez.
A teljes készlet átadása a fejlesztő csapatnak
Csomagoljon össze több betűtípust, például a szokásosat és a félkövért, és adja át őket ellenőrző szöveget tartalmazó HTML-lel.
Hogyan működnek együtt a betűtípusok és a CSS
A WOFF2 webhez való betűtípusformátum
Az eredeti karaktereket tartalmazó WOFF2 készül. A karaktereket nem vágjuk ki. A fájlméret betűtípusonként eltér.
Nevek, súlyok és stílusok regisztrálása a CSS-ben
Ezek a beállítások határozzák meg, hogy a weben mely kért stílusok használják ezt a betűtípust. Nem alakítják a betűtípus karakterformáit félkövérvé vagy dőlté.
Az azonos nevek megkülönböztetése súly és stílus szerint
A szokásos és a félkövér stílus használhatja ugyanazt a nevet, de a név, a súly és a stílus kombinációja nem ismétlődhet.
A betöltés közbeni megjelenítés kiválasztása
Alapértelmezés szerint először egy tartalék betűtípus jelenik meg, és a betűtípus betöltésekor váltás történik. Szükség esetén a CSS-beállításokban módosíthatja a várakozás és a váltás működését.
A relatív fájlhelyzetek megőrzése
A fonts.css olyan fájlokra hivatkozik, mint a fonts/font-1.woff2. Ha áthelyezi a mappát vagy a CSS-fájlt, igazítsa hozzá a hivatkozási útvonalakat.
Gyakori kérdések
Hová helyezzem a generált fájlokat?
Bontsa ki a ZIP-fájlt, és helyezze el a fonts mappát, a fonts.css és a preview.html fájlt úgy, hogy a relatív helyzetük megmaradjon. Töltse be a fonts.css fájlt az oldaláról, és használja a megadott betűtípusnevet a CSS-ben.
Miben különbözik ez az egyszerű formátumátalakítástól?
Ez a képernyő a WOFF2 fájlt CSS-sel és HTML-előnézettel csomagolja össze. Ha csak a betűtípus formátumát szeretné megváltoztatni, használja a Betűtípus-formátum konvertert.
Csak a használt karaktereket tarthatom meg?
Ez a képernyő nem vágja ki a karaktereket. Az eredeti karaktereket megtartó betűtípusokat készít.
Vastagabbá teszi-e a karaktereket a súly módosítása?
A beállítás a CSS-ben használt súlyértéket adja meg. Nem módosítja a betűtípusfájlban lévő karakterformákat. A félkövér vagy dőlt használatához adjon meg olyan fájlt, amely ezeket a karakterformákat tartalmazza.
Használhatok több fájlt ugyanazzal a betűtípusnévvel?
Különböző súlyú vagy stílusú fájlokat is regisztrálhat. Ha a név, a súly és a stílus ugyanolyan kombinációja ismétlődik, tekintse át a vonatkozó beállításokat.
Mi történik, ha újra kiválasztok betűtípusokat?
Az aktuális betűtípuskészlet és a generált ZIP-fájl eltűnik, és betöltődik az újonnan kiválasztott készlet. Válassza ki együtt az újonnan kiválasztottakkal mindazokat a fájlokat, amelyeket továbbra is használni szeretne.
Mi van, ha nem minden mintakarakter jelenik meg?
A betűtípusban nem szereplő karaktereket a rendszer másik betűtípussal jelenítheti meg. Ellenőrizze a támogatott karaktereket és a megjelenésüket ott, ahol a betűtípust használni fogja.
Mi van, ha egy betűtípus nem tölthető be?
Válassza ki újra támogatott formátumban a betűtípusokat. Ha a készlet bármelyik fájlja nem konvertálható vagy nem tölthető be, a részben sikeres készlet nem mentődik.
Bemenet és eredmények
- Bemenet
- TTF, OTF, WOFF és WOFF2. Több fájlt is kiválaszthat egyszerre.
- Feltételek
- Ellenőrizze a bemeneti betűtípusok felhasználási feltételeit, beleértve a webbeágyazást.
- Beállítások
- A CSS-ben használt nevek, súlyok, stílusok és a betöltés közbeni megjelenítés.
- Kimenet
- webfont-kit.zip. Tartalmazza a WOFF2, a fonts.css és a preview.html fájlt.