Betűtípuskezelő

A Betűtípuskezelő a központi hely a Bricks tipográfiai vezérlőiben elérhető betűtípusok böngészésére, kedvencekbe tételére, letöltésére, feltöltésére, szerkesztésére és eltávolítására.

Akkor használd, ha:

• saját betűtípusfájlokat töltenél fel,
• Google-betűtípusokat töltenél le, és helyből szolgálnád ki,
• a gyakran használt betűtípusokat kedvencnek jelölnéd,
• az elérhető betűtípusokat keresnéd és előnézetben néznéd,
• egyéni betűtípusokat állítanál vissza vagy törölnél véglegesen a Betűtípuskezelő kukájából.

https://minta-bolt.hu/home/?bricks=run

A Betűtípuskezelő csak azt befolyásolja, mely betűtípusok érhetők el a szerkesztő tipográfiai vezérlőiben. Magától nem alkalmaz betűtípust a webhelyre. Betűtípus hozzáadása vagy kedvencekbe tétele után válaszd ki egy elemben, globális osztályban, sablonstílusban, oldalbeállításban, sablonbeállításban vagy más tipográfiai vezérlőben.

A működés

A Betűtípuskezelő forrás szerint csoportosítja a betűtípusokat:

Betűtípusforrás	Mit jelent
Kedvencek	A szív ikonnal megjelölt betűtípusok.
Egyéni betűtípusok	A webhelyen egyéni betűtípusrekordként és betűtípusfájlként tárolt betűtípusok.
Google betűtípusok	Előnézetben böngészhető, és igény szerint helyben letölthető Google-betűtípusok.
Szabványos betűtípusok	Rendszerbetűtípus-családok, amelyek betűtípusfájlok betöltése nélkül is elérhetők.
Adobe Fonts	A Bricks beállításaiban megadott Adobe Fonts projektazonosítóból szinkronizált betűtípusok.

Az egyéni betűtípusok Bricks egyéni betűtípus-rekordként tárolódnak. Minden egyéni betűtípusnak van betűcsaládneve és egy vagy több változata. A változat egy fájl és metaadatok, például betűvastagság, betűstílus és opcionális unicode-tartomány.

Ha vannak egyéni betűtípusok, a Bricks @font-face szabályokat generál hozzájuk, és elérhetővé teszi őket a szerkesztőben és a frontenden. Az egyéni betűtípusok kimenete font-display: swap értéket használ.

A Betűtípuskezelő megnyitása

A Betűtípuskezelőt a szerkesztő eszköztárán a Kezelés → Betűtípuskezelő menüponttal, vagy bármelyik font-family vezérlő melletti fogaskerék ikonra kattintva nyithatod meg.

https://minta-bolt.hu/home/?bricks=run

A Betűtípuskezelő a Stíluskezelő és az Ikonkezelő között áll a menüben. Egy felugró ablak nyílik, ahol minden elérhető betűtípust (Google, Adobe, szabványos és egyéni) kezelhetsz.

Betűtípusok böngészése és előnézete

A Betűtípuskezelő oldalsávjában válthatsz a betűtípusforrások között. A keresőmező a jelenlegi forrást szűri betűcsaládnév, kategória vagy típus szerint.

Minden betűtípuskártya mutatja:

• a megjelenített nevet,
• a forrás típusát,
• a kategóriát, ha van,
• az elérhető stílusok vagy változatok számát, ha van,
• egy előnézeti sort az aktuális előnézeti szöveggel.

A fejlécben lévő előnézet ikonnal egyéni előnézeti szöveget adhatsz meg. Az alapértelmezett előnézeti szöveg: The quick brown fox jumps over the lazy dog.

A Google-betűtípusok előnézete csak akkor töltődik be, amikor a betűtípuskártya láthatóvá válik. Ez könnyebbé teszi a felugró ablakot, de azt jelenti, hogy a Google-betűtípusok előnézete is kérhet a böngészőből a Google felé. Egy Google-betűtípus letöltése egyéni betűtípussá alakítja, amelyet a webhelyed tárol.

Kedvencek és a font-family vezérlők

Kattints bármelyik betűtípus szív ikonjára, hogy kedvencekhez add vagy eltávolítsd.

A kedvencek tárolása a forrástól függ:

• Az egyéni betűtípusokat egyéni betűtípus-azonosító szerint jelöli kedvencnek.
• A Google, Adobe és szabványos betűtípusokat forrás és betűcsaládnév szerint.

A kedvencek hatnak a font-family vezérlőre:

• Ha nincs mentett kedvenc, a font-family legördülő minden elérhető betűtípust mutat.
• Ha vannak kedvencek, azok a legördülő tetején jelennek meg.
• A Bricks → Beállítások → Szerkesztő oldal betűcsalád-beállításainál kiválaszthatod a Csak a kedvencek megjelenítése lehetőséget.

Ha a Csak a kedvencek megjelenítése be van kapcsolva, a Bricks a jelenleg kiválasztott betűtípust akkor is mutatja a legördülőben, ha az nem kedvenc. Így a meglévő tipográfiai beállítások nem válnak láthatatlanná szerkesztés közben.

Egyéni betűtípus létrehozása

1. Nyisd meg a Betűtípuskezelőt.
2. Kattints a hozzáadás ikonra (+).
3. Add meg a betűcsalád nevét.
4. Adj hozzá egy vagy több betűtípusváltozatot.
5. Mentsd a szerkesztőt.

Ha a hozzáadásra kattintasz, a Bricks egy üres, vázlat egyéni betűtípus-rekordot hoz létre. Ha betűcsaládnév és feltöltött változat nélkül zárod be a szerkesztőt, a Bricks törli az üres vázlatot.

Egyetlen változat hozzáadása

Az egyéni betűtípuson belül kattints a hozzáadásra, hogy változatsort hozz létre. Minden változatnál megadható:

• Betűtípusfájl: válassz egy támogatott betűtípusfájlt a médiatárból.
• Betűvastagság: 100-tól 900-ig.
• Betűstílus: normál, dőlt vagy ferde (oblique).
• Unicode-tartomány: opcionális. Akkor használd, ha egy változatnak csak egy meghatározott karaktertartományra kell betöltődnie.

A támogatott feltöltési formátumok:

• .woff2
• .woff
• .ttf

A Bricks a fájlt kiterjesztés és MIME-típus alapján érvényesíti. A felhasználónak WordPress-feltöltési jogosultságra is szüksége van.

Több változat importálása

Kattints az importálásra, hogy egyszerre több .woff2, .woff vagy .ttf fájlt tölts fel. A Bricks feldolgozza a fájlokat, és megpróbálja a fájl metaadataiból felismerni a betűvastagságot és a betűstílust.

Ha a Bricks nem tudja felismerni a vastagságot vagy a stílust, a változat 400 és normal értékre áll vissza. Mentés előtt nézd át az importált változatokat, különösen, ha a betűcsaládnak több vastagsága vagy dőlt stílusa van.

A Bricks figyelmeztet, ha a változatok átfedik egymást. Két változat akkor fedi át egymást, ha azonos a vastagságuk és a stílusuk, és vagy egyiknek sincs unicode-tartománya, vagy azonos a unicode-tartományuk.

Google-betűtípusok helyi letöltése

A Google betűtípusok lap felsorolja a Google-betűtípusokat, hacsak a Bricks beállításaiban nincs letiltva a Google Fonts.

Google-betűtípus helyi letöltése:

1. Nyisd meg a Google forrást.
2. Keresd meg a betűtípust.
3. Kattints a letöltés ikonra.
4. Várd meg a sikerüzenetet.

A Bricks lekéri a Google Fonts CSS-t, letölti a hivatkozott betűtípusfájlokat, egyéni betűtípus-rekordot hoz létre, a fájlokat a WordPressben menti, és hozzáadja a betűtípust az Egyéni forráshoz. A letöltés után a Google-betűtípus kártyája jelzi, hogy már le van töltve.

A letöltött Google-betűtípusok egyéni betűtípusok. Ha meg akarod nézni vagy módosítani a tárolt változatokat, az Egyéni forrásból szerkeszd őket.

Adobe és szabványos betűtípusok

Az Adobe-betűtípusok akkor jelennek meg, ha a Bricks beállításaiban meg van adva és szinkronizálva van egy Adobe Fonts projektazonosító. Részletek az Adobe Fonts integráció fejezetben. A Betűtípuskezelő az Adobe-betűtípusok neveit mutatja, de a tipográfiai vezérlőkben használt tényleges CSS-betűcsalád lehet az Adobe slug vagy a szinkronizált CSS-nevek egyike.

A szabványos betűtípusok rendszerbetűtípus-családok. Nem igényelnek fájlfeltöltést vagy külső betűtípus-CSS betöltését.

Egyéni betűtípusok szerkesztése

Az egyéni betűtípusok és a letöltött Google-betűtípusok szerkeszthetők.

Az egyéni betűtípus szerkesztőjében:

• átnevezheted a betűcsaládot,
• hozzáadhatsz, eltávolíthatsz vagy lecserélhetsz változatfájlokat,
• módosíthatod a változat vastagságát vagy stílusát,
• hozzáadhatsz vagy szerkeszthetsz unicode-tartományokat,
• kedvencnek jelölheted a betűtípust,
• kukába helyezheted.

Az egyéni betűtípus átnevezése megváltoztatja a rekord által használt betűcsaládnevet. Átnevezés után nézd át a meglévő tipográfiai beállításokat, főleg, ha a régi nevet egyéni CSS-ben használtad.

Ha változatfájlokat szerkesztesz, a Bricks frissíti az egyéni betűtípus adatait, és mentéskor újragenerálja az egyéni @font-face CSS-t, hogy a frissített betűtípus használható legyen a szerkesztőben és a frontenden.

Kuka, visszaállítás és végleges törlés

Ha egy egyéni betűtípust a kukába helyezel, az eltűnik az aktív Egyéni betűtípusok listából és a Kedvencek közül is.

A kukában lévő betűtípusok megtekintéséhez kattints a Betűtípuskezelő kuka ikonjára. Itt:

• Visszaállítás: kiveszed a betűtípust a kukából, és újra közzéteszed.
• Végleges törlés: törlöd az egyéni betűtípus rekordját és a tárolt betűtípusfájl-mellékleteket.

A végleges törlés a Betűtípuskezelőből nem vonható vissza. Csak akkor használd, ha biztos vagy benne, hogy a betűtípusra már nincs szükség.

Betöltési viselkedés

Az egyéni betűtípusok azért érhetők el, mert a Bricks a mentett változatokból @font-face szabályokat generál. Minden változathoz a mentett betűcsaládot, vastagságot, stílust, az opcionális unicode-tartományt és a fájl-URL-eket használja. A generált forráslistákban elsőként a WOFF2 fájlokat részesíti előnyben, ha vannak.

A Bricks nem tölt be Google-betűtípust a Google-től, ha ugyanilyen betűcsaládnevű egyéni betűtípus létezik. Így egy helyben tárolt egyéni betűtípust nem ír felül ugyanilyen nevű Google-betűtípus.

Egyéni betűtípusok előtöltése

A Bricks → Beállítások → Teljesítmény oldalon kapcsold be az Egyéni betűkészletek előtöltése beállítást, hogy előtöltési címkék kerüljenek azokhoz az egyéni betűtípusokhoz, amelyeket a Bricks az aktív oldal kimenetében észlel.

Bekapcsolt beállításnál a Bricks átvizsgálja az aktív sablonstílusokat, a fejlécet, a tartalmat, a láblécet, az oldalbeállításokat, a sablonbeállításokat, a globális osztálybeállításokat és a komponenspéldányok beállításait egyéni betűtípus-használat után. Ezután előtölti a megfelelő .woff2, .woff vagy .ttf fájlokat.

Az automatikus előtöltéshez az egyéni betűcsaládot és a megfelelő vastagságot/stílust együtt kell megadni a Bricks tipográfiai beállításaiban. A Bricks nem old fel minden lehetséges örökölt CSS-kombinációt. Ha például egy elem a betűcsaládot a szülőjétől örökli, de önmagán csak font-weight: 700 van megadva, lehet, hogy a Bricks nem tölti elő automatikusan a 700-as betűtípusfájlt. Adj meg kifejezetten betűcsaládot és vastagságot/stílust a tipográfiai vezérlőben, ha az adott változatot elő kell tölteni.

Az előtöltés javíthatja a fontos, oldal tetején látható betűtípusok észlelt betöltését, de óvatosan használd. Túl sok betűtípusfájl előtöltése ronthatja a teljesítményt.

Webbetűtípus betöltési módja

Az olyan webbetűtípusoknál, mint a Google Fonts, a Bricks beállításai tartalmaznak egy webbetűtípus betöltési mód beállítást. Az alapértelmezett a stíluslapos betöltés. A Webfont Loader beállítás elrejtheti az oldal tartalmát, amíg a webbetűtípusok be nem töltődnek, ezzel csökkentve a formázatlan szöveg villanását.

Ez a beállítás független az egyéni betűtípusok előtöltésétől.

Hibaelhárítás

Hiányzik a Betűtípuskezelő ikonja

Nézd meg a felhasználó szerkesztői jogosultságait: a felhasználónak Betűtípus-kezelő elérése jogosultságra van szüksége.

Egy Google-betűtípus nem jelenik meg

Lehet, hogy a Google Fonts le van tiltva a Bricks beállításaiban. Ha le van tiltva, a Betűtípuskezelő Google forrása a lista helyett letiltásról szóló üzenetet mutat.

Egy letöltött Google-betűtípus még mindig a Google-listában van

Ez így várt. A Google forrás továbbra is a Google-betűtípusok böngészője marad. A letöltés után a helyi változat az Egyéni forrásban érhető el, és a Google-kártya letöltött állapotot mutat.

Egy egyéni betűtípus nem jelenik meg a tipográfiai vezérlőben

Ellenőrizd, hogy a betűtípusnak van-e betűcsaládneve és legalább egy mentett változata, és hogy a módosítás után mentetted-e a szerkesztőt. Győződj meg arról is, hogy a betűtípus nem a kukában van.

Egy változat rossz vastagsággal vagy stílussal töltődik be

Szerkeszd az egyéni betűtípust, és nézd át az egyes változatokat. A tömeges importálás megpróbálja a betűtípus metaadataiból felismerni a vastagságot és a stílust, de lehet, hogy kézzel kell beállítanod.

A betűtípusfájlokat nem lehet feltölteni

Ellenőrizd, hogy a fájl .woff2, .woff vagy .ttf, hogy az aktuális felhasználónak van feltöltési jogosultsága, és hogy a webhely a Betűtípuskezelő jogosultsági útvonalán engedélyezi ezeket a MIME-típusokat.

Egyéni betűtípus helyett a rossz Google-betűtípus töltődik be

Ha egy egyéni betűtípusnak és egy Google-betűtípusnak azonos a betűcsaládneve, a Bricks kihagyja a Google-betűtípust a frontend webbetűtípus-hivatkozások generálásakor. Ha még mindig váratlan betűtípust látsz, keress egyéni CSS-t vagy harmadik féltől származó betűtípus-betöltést a Bricks-en kívül.