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.
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.
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.
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.
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.
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.
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.
Ú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.
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.
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á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.
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.
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.
Í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.
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.
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.
Ha végzett a kísérletezéssel, frissítse az oldalt az összes eredeti betűtípus teljes helyreállításához.
Telepítse ingyen a DevSuite Pro-t, és oldjon fel 64+ fejlesztői eszközt böngészőjéhez.