← Vissza a funkciókhoz
Pro

Fonts Changer

A Fonts Changer lehetővé teszi, hogy bármely weboldali betűtípust lecseréljen egy másikra a Google Fonts könyvtárból — akár globálisan (az oldal összes szövegére), akár elemenként (csak a címsorokra, csak a szövegtörzsre, vagy bármely kattintással kiválasztott elemre). A betűtípusok igény szerint, dinamikusan töltődnek be, és a tool segítségével egy kattintással válthat az eredeti és az új betűtípus között, hogy összehasonlítsa a hatásukat az olvashatóságra és a designra.

A megfelelő betűtípus kiválasztása az egyik legmeghatározóbb design döntés, ám a betűtípusok kontextusban való tesztelése meglepően nehéz. A Google Fonts előnézetei izoláltan, minta szöveggel mutatják a betűtípusokat — nem az Ön valódi oldalelrendezésének és tartalmának kontextusában. A Fonts Changer közvetlenül a böngészőbe hozza a Google Fonts könyvtárát, valódi oldalakra alkalmazva. Böngésszen vagy keressen a könyvtárban, kattintson egy betűtípusra, és azonnal lássa alkalmazva. A betűtípus dinamikusan töltődik be a Google CDN-jéről, tehát nincs szükség letöltésre vagy telepítésre. Alkalmazza globálisan, hogy lássa, hogyan néz ki a teljes oldal az új betűtípussal, vagy kattintson konkrét elemekre, hogy különböző betűtípusokat teszteljen a címsorokhoz és a szövegtörzshöz. Egy kattintással váltson az eredeti betűtípus és a csere között, hogy összehasonlítsa az olvashatóságot, a vizuális súlyt és az általános design hatását. Minden módosítás nem destruktív — frissítéssel minden helyreáll.

Élő előnézet
example.com/article
A betűtípus globálisan megváltozott
Cikk címsora a Georgia-ban
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Eredeti: Jost Új: Georgia
Betűtípus könyvtár
Betűtípusok keresése...
Inter
Georgia ✓
Roboto
Playfair Display
Source Code Pro
Lato
Főbb jellemzők

Globális betűtípus-csere

Alkalmazzon egy új betűtípust az egész oldalra egy kattintással. Minden szövegelem — címsorok, bekezdések, gombok, navigáció, lábléc — átvált a kiválasztott betűtípusra. Azonnal lássa, hogyan hat a teljes design egy teljes betűtípus-csere.

Elemenkénti célzás

Kattintson adott elemekre, hogy csak azok betűtípusát módosítsa. Teszteljen egy talpas betűtípust a címsorokhoz talpatlan szövegtörzzsel, vagy alkalmazzon monospace betűtípust csak a kódblokkokra. Keverje és párosítsa a betűtípusokat ugyanazon az oldalon.

Hozzáférés a Google Fonts könyvtárhoz

Böngéssze és keresse a teljes Google Fonts könyvtárat (1500+ betűtípuscsalád) közvetlenül az eszközön belül. A betűtípusok igény szerint, dinamikusan töltődnek be a Google CDN-jéről — nincs szükség helyi telepítésre vagy letöltésre.

Azonnali összehasonlítás váltással

Egy kattintással váltson az eredeti betűtípus és a csere között. Az oldal azonnal oda-vissza vált, így könnyen összehasonlítható a két betűtípus olvashatósága, vizuális súlya, x-magassága és térköze.

Vastagság és stílus megőrzése

Amikor egy új betűtípust alkalmaz, az eredeti font-weight és font-style értékek megmaradnak. A félkövér címsorok félkövérek maradnak, a dőlt szöveg dőlt marad, a vékony szövegtörzs pedig megtartja a vékony súlyát — a betűtípus változik, de a tipográfiai hierarchia megmarad.

Keresés és szűrés

Keressen betűtípusokat név szerint, vagy szűrjön kategória szerint (talpas, talpatlan, dekoratív, kézírás, monospace). Gyorsan megtalálja a megfelelő betűtípust a 1500+ elérhető közül.

Gyakori használati esetek

Betűtípus-választás új projektekhez

Új weboldalt indít? Nyisson meg egy hasonló oldalt, és cserélje le a betűtípusait a saját jelöltjeire. Nézze meg, hogyan néz ki minden betűtípus valódi tartalommal és valódi elrendezéssel — sokkal beszédesebb, mint a Google Fonts minta szöveges előnézete.

Betűtípus-bemutatók ügyfeleknek

Egy design áttekintés során mutassa meg az ügyfeleknek, hogyan nézne ki az oldaluk más betűtípusokkal. "Itt a jelenlegi design... és itt van, hogyan néz ki Playfair Display betűtípussal a címsorokhoz." Az élő váltás meggyőzővé teszi az összehasonlítást.

Olvashatóság tesztelése

Hasonlítsa össze, hogyan hatnak a különböző betűtípusok a hosszabb tartalom olvashatóságára. Váltson egy blogbejegyzésen az Inter, Georgia, Lora és Merriweather között, hogy megtalálja a célméretben legkényelmesebben olvasható betűtípust.

Márkamegújítás feltérképezése

Márkamegújítást fontolgat? Alkalmazza az új betűtípus-jelölteket az éles oldalára, hogy lássa, hogyan néznének ki a valódi tartalommal, színekkel és elrendezéssel. Sokkal gyorsabb, mint minden lehetőséghez makettet készíteni.

Akadálymentességi betűtípus-tesztelés

Tesztelje, hogyan hatnak a különböző betűtípusok az olvashatóságra diszlexiás vagy látássérült felhasználók számára. Az olyan betűtípusok, mint az OpenDyslexic, a Lexie Readable vagy a nagy x-magasságú talpatlanok azonnal alkalmazhatók a hatásuk ellenőrzésére.

Használati útmutató
1

A Fonts Changer aktiválása

Nyissa meg a DevSuite Pro lebegő dokkját, és kattintson a Fonts Changer ikonra. Megnyílik egy panel egy kereshető Google Fonts könyvtárral.

2

Betűtípusok keresése vagy böngészése

Írja be egy betűtípus nevét a kereséshez, vagy görgessen végig a könyvtáron. Szűrjön kategória szerint (talpas, talpatlan, dekoratív, monospace) a lehetőségek szűkítéséhez.

3

Alkalmazás globálisan vagy elemenként

Kattintson egy betűtípus nevére, hogy globálisan alkalmazza az oldal minden szövegére. Vagy válassza először az "Elemenként" módot, majd kattintson konkrét elemekre az oldalon, végül válasszon egy betűtípust.

4

Váltás és összehasonlítás

Használja a váltógombot az eredeti betűtípus és a csere közötti átkapcsoláshoz. Hasonlítsa össze az olvashatóságot, a vizuális súlyt és a design hatását egymás mellett.

5

Frissítés a visszaállításhoz

Ha végzett a kísérletezéssel, frissítse az oldalt az összes eredeti betűtípus teljes helyreállításához.

Készen áll a kipróbálásra?

Telepítse ingyen a DevSuite Pro-t, és oldjon fel 64+ fejlesztői eszközt böngészőjéhez.

Hozzáadás a Chrome-hoz Hozzáadás az Edge-hez Hozzáadás a FireFoxhoz