El Canviador de fonts et permet substituir qualsevol font d'una pàgina web per una altra de la biblioteca de Google Fonts, ja sigui de forma global (tot el text de la pàgina) o per element (només els encapçalaments, només el pes de text o qualsevol element específic on facis clic). Les fonts es carreguen de forma dinàmica sota demanda, i pots alternar entre la font original i la nova per comparar-ne l'impacte en la llegibilitat i el disseny.
Triar la tipografia adequada és una de les decisions de disseny més importants, però provar fonts en context és sorprenentment difícil. Les previsualitzacions de Google Fonts mostren les fonts de forma aïllada amb text de mostra, no en el context del disseny real de la teva pàgina amb el contingut real. El Canviador de fonts porta Google Fonts directament al navegador, aplicades a pàgines reals. Navega o cerca a la biblioteca, fes clic a una font i mira com s'aplica a l'instant. La font es carrega de forma dinàmica des de la CDN de Google, de manera que no cal cap descàrrega ni instal·lació. Aplica-la de forma global per veure com queda tota la pàgina amb una tipografia nova, o fes clic a elements específics per provar diferents fonts per als encapçalaments o el cos del text. Alterna entre la font original i la substituïda amb un sol clic per comparar-ne la llegibilitat, el pes visual i l'impacte general del disseny. Tots els canvis no són destructius: recarrega la pàgina per restaurar-ho tot.
Aplica una font nova a tota la pàgina amb un sol clic. Tots els elements de text — encapçalaments, paràgrafs, botons, navegació, peu de pàgina — canvien a la font seleccionada. Mira com un canvi complet de tipografia afecta el disseny general immediatament.
Fes clic a elements específics per canviar només la seva font. Prova una font serif per als encapçalaments amb una sans-serif per al cos del text, o aplica una font de tipus monoespai només als blocs de codi. Combina diferents fonts en la mateixa pàgina.
Navega i cerca a la biblioteca completa de Google Fonts (més de 1.500 famílies de fonts) directament des de l'eina. Les fonts es carreguen de forma dinàmica des de la CDN de Google sota demanda; no cal cap descàrrega ni instal·lació local.
Alterna entre la font original i la substituïda amb un sol clic. La pàgina canvia a l'instant, facilitant la comparació de la llegibilitat, el pes visual, l'alçada x i l'espaiat entre les dues tipografies.
Quan apliques una font nova, es mantenen els valors originals de pes de font (font-weight) i d'estil (font-style). Els encapçalaments en negreta segueixen en negreta, el text en cursiva continua en cursiva i el cos de text lleuger manté el seu pes; la tipografia canvia però la jerarquia tipogràfica es manté.
Cerca fonts pel seu nom o filtra per categoria (serif, sans-serif, display, manual, monoespaiada). Troba la tipografia adequada ràpidament entre les més de 1.500 opcions disponibles.
Estàs començant un lloc web nou? Obre un lloc similar i canvia les seves fonts per les teves candidates. Mira com queda cada tipografia amb contingut i disseny reals; és molt més revelador que la previsualització de text de mostra de Google Fonts.
Durant una revisió de disseny, mostra als clients com quedaria el seu lloc amb diferents fonts. "Aquí teniu el disseny actual... i així és com es veu amb Playfair Display per als encapçalaments." L'alternança en viu fa que la comparació sigui convincent.
Compara com afecten les diferents fonts a la llegibilitat d'un contingut extens. Alterna un article de blog entre Inter, Georgia, Lora i Merriweather per trobar la tipografia que sigui més còmoda de llegir a la mida de font que vulguis.
Estàs explorant una renovació de marca? Aplica les noves candidates tipogràfiques al teu lloc de producció per veure com quedarien amb el contingut, els colors i el disseny reals. Molt més ràpid que crear maquetes per a cada opció.
Comprova com afecten les diferents fonts a la llegibilitat per a usuaris amb dislèxia o discapacitat visual. Fonts com OpenDyslexic, Lexie Readable o sans-serifs amb una gran alçada x es poden aplicar a l'instant per comprovar-ne l'impacte.
Obre el tauler flotant de DevSuite Pro i fes clic a la icona del Canviador de fonts. S'obrirà un panell amb la biblioteca de Google Fonts cercable.
Escriu el nom d'una font per cercar-la o desplaça't per la biblioteca. Filtra per categoria (serif, sans-serif, display, monoespaiada) per reduir les opcions.
Fes clic al nom de la font per aplicar-la globalment a tot el text de la pàgina. O fes clic primer al mode "Per element", després a elements específics de la pàgina i finalment selecciona una font.
Utilitza el botó d'alternar per canviar entre la font original i la substituïda. Compara la llegibilitat, el pes visual i l'impacte del disseny cara a cara.
Quan hagis acabat l'experimentació, recarrega la pàgina per restaurar totes les fonts originals completament.
Instal·la DevSuite Pro gratuïtament i desbloqueja més de 39 eines de desenvolupador per al teu navegador.
