← Tagasi funktsioonide juurde
Pro

Fontide Vahetaja

Fontide Vahetaja laseb sul asendada mis tahes fondi veebilehel teisega Google Fontside teegist — kas globaalselt (kõik tekst lehel) või elemendi kaupa (ainult pealkirjad, ainult põhitekst või mis tahes konkreetne element, millel klõpsad). Fondid laaditakse dünaamiliselt nõudmisel ning saad lülituda originaali ja uue fondi vahel, et võrrelda mõju loetavusele ja disainile.

Õige kirjatüübi valimine on üks mõjusamaid disainiotsuseid, kuid fontide testimine kontekstis on üllatavalt raske. Google Fontside eelvaated näitavad fonte eraldatult näidistekstiga — mitte sinu tegeliku lehe paigutuse kontekstis oma päris sisuga. Fontide Vahetaja toob Google Fontsi otse brauserisse, rakendatuna pärislehtedele. Sirvi või otsi teeki, klõpsa fontil ja vaata seda kohe rakendatuna. Font laadib dünaamiliselt Google'i CDN-ist, nii et allalaadimist ega installimist pole vaja. Rakenda seda globaalselt, et näha, kuidas kogu leht näeb välja uue kirjatüübiga, või klõpsa konkreetseid elemente, et testida erinevaid fonte pealkirjade vs põhiteksti jaoks. Lülitu ühe klõpsuga originaalfondi ja asenduse vahel, et võrrelda loetavust, visuaalset kaalu ja üldist disainimõju. Kõik muudatused on mittehävitavad — värskenda kõige taastamiseks.

Reaalajas eelvaade
example.com/article
Font changed globally
Article Heading in Georgia
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Original: Jost New: Georgia
Font Library
Search fonts...
Inter
Georgia ✓
Roboto
Playfair Display
Source Code Pro
Lato
Põhifunktsioonid

Globaalne Fondi Asendamine

Rakenda uus font kogu lehele ühe klõpsuga. Iga tekstielement — pealkirjad, lõigud, nupud, navigeerimine, jalus — lülitub valitud fondile. Vaata, kuidas täielik kirjatüübi muutus kohe üldist disaini mõjutab.

Elemendi Kaupa Sihtimine

Klõpsa konkreetseid elemente, et muuta ainult nende fonti. Testi kirjalikku fonti pealkirjadele koos sans-serif fondiga põhiteksti jaoks, või rakenda monospace font ainult koodiplokidele. Sega ja seo fonte samal lehel.

Google Fontside Teegi Juurdepääs

Sirvi ja otsi täielikku Google Fontside teeki (1500+ fondi perekonda) otse tööriista sees. Fondid laaditakse dünaamiliselt Google'i CDN-ist nõudmisel — kohalikku installimist ega allalaadimisi pole vaja.

Kohene Lülitusvõrdlus

Lülitu ühe klõpsuga originaalfondi ja asenduse vahel. Leht lülitub koheselt edasi-tagasi, muutes lihtsamaks loetavuse, visuaalse kaalu, x-kõrguse ja kahe kirjatüübi vahekauguse võrdlemise.

Kaalu ja Stiili Säilitamine

Uue fondi rakendamisel säilitatakse originaalsed font-weight ja font-style väärtused. Paksud pealkirjad jäävad paksuteks, kursiivsed tekstid jäävad kursiivseks ja kergekaaluline põhitekst säilitab oma kerge kaalu — kirjatüüp muutub, kuid tüpograafiline hierarhia säilib.

Otsi ja Filtreeri

Otsi fonte nime järgi või filtreeri kategooriate järgi (serif, sans-serif, display, käsikiri, monospace). Leia õige kirjatüüp kiiresti 1500+ saadaolevast valikust.

Tavalised kasutusjuhud

Kirjatüübi Valimine Uutele Projektidele

Allustad uut veebisaiti? Ava sarnane sait ja vaheta selle fondid oma kandidaatidega. Vaata, kuidas iga kirjatüüp näeb välja päris sisu ja päris paigutusega — palju paljastavam kui Google Fontside näidisteksti eelvaade.

Kliendi Fontide Esitlused

Disainiülevaate ajal näita klientidele, kuidas nende sait näeks välja erinevate fontidega. "Siin on praegune disain... ja siin on, kuidas see näeb välja Playfair Display pealkirjadega." Otseülekande lülitamine muudab võrdluse veenvaks.

Loetavuse Testimine

Võrdle, kuidas erinevad fondid mõjutavad pikemõõdulise sisu loetavust. Vaheta ajaveebipostitus Inter, Georgia, Lora ja Merriweatheri vahel, et leida kirjatüüp, mis on sinu sihitud fondi suurusel kõige mugavam lugeda.

Brändi Uuendamise Uurimine

Uurid brändi uuendamist? Rakenda uued kirjatüübi kandidaadid oma tootmissaidile, et näha, kuidas need näeksid välja sinu tegeliku sisu, värvide ja paigutusega. Palju kiirem kui makettide loomine iga valiku jaoks.

Juurdepääsetavuse Fondi Testimine

Testi, kuidas erinevad fondid mõjutavad düsleksia või nägemishäiretega kasutajate loetavust. Fondid nagu OpenDyslexic, Lexie Readable või kõrge x-kõrgusega sans-serif fondid saab rakendada kohe nende mõju kontrollimiseks.

Kuidas kasutada
1

Aktiveeri Fontide Vahetaja

Ava DevSuite Pro ujuv dokk ja klõpsa Fontide Vahetaja ikoonil. Avaneb paneel otsitava Google Fontside teegiga.

2

Otsi või Sirvi Fonte

Trüüpi fondi nimi otsimiseks või keri läbi teegi. Filtreeri kategooriate järgi (serif, sans-serif, display, monospace), et valikuid kitsendada.

3

Rakenda Globaalselt või Elemendi Kaupa

Klõpsa fondi nimel, et rakendada see globaalselt kõigele lehel olevale tekstile. Või klõpsa esmalt "Elemendi Kaupa" režiimi, seejärel klõpsa konkreetseid elemente lehel, seejärel vali font.

4

Lülita ja Võrdle

Kasuta lülitusnuppu, et vahetada originaalfondi ja asenduse vahel. Võrdle loetavust, visuaalset kaalu ja disainimõju kõrvuti.

5

Värskenda Lähtestamiseks

Pärast katsetamist värskenda lehte, et taastada kõik originaalfondid täielikult.

Kas olete valmis proovima? Fontide Vahetaja?

Paigaldage DevSuite Pro tasuta ja avage 39+ arendustööriista oma brauserile.

Lisa Chrome'i Lisa Edge'i Lisa FireFoxi