Variabel skrift er en svært tilpassbar skriftteknologi. Panelet for Variabel skrift i adobe fonts lar deg justere utseendet til Variabel skrift og velge den beste stilen som passer til prosjektene dine. creative cloud-apper som for øyeblikket støtter Variabel skrift er photoshop, indesign og illustrator.
Hva er Variabel skrift?
Variabel skrift bruker én fil til å lagre mange skriftstiler, i motsetning til statiske skrifter som bruker separate filer for hver tilgjengelige stil. De lar deg spesifisere en Verdi for hver designakse til en skrift, noe som gir deg kontroll over skriftens utseende som statiske skrifter ikke er i stand til.
Tradisjonelle statiske skrifter krever at du legger til eller installerer hver enkelt stil som du vil bruke i prosjektet ditt. For eksempel, med Acumin Pro, kan du legge til Acumin Pro Regular, Acumin Pro Italic og andre stiler du vil ha tilgang til. Acumin Variable inneholder alle stiler av Acumin, så du trenger bare å legge til én skrift.
Hver konfigurasjon av en Variabel skrift kalles en instans. Instanser er forhåndsinnstilte stiler laget for rask tilgang. Panelet for Variabel skrift som er avbildet ovenfor viser at Acumin Variable er satt til en standardinstans — en forhåndsbestemt innstilling som alle Variabel skrift faller tilbake på før tilpasning.
Lenger ned i panelet er aksekontrollene. Akser representerer et kontinuerlig spekter av stilvarianter. En Variabel skrift kan inneholde flere akser. Du kan tilpasse en akse til et hvilket som helst tall innenfor minimum- eller maksimumområdet. I eksemplet med Acumin Variable er aksene Slant, Weight og Width.
Slik bruker du variable skrifter på adobe fonts-nettstedet
Hver familiedetaljside for variable skrifter på adobe fonts-nettstedet inkluderer et interaktivt tekstverktøy og panel som lar deg tilpasse skriften til ønsket stil. Du kan velge en forhåndsinnstilt forekomst for raskt å manipulere eller opprett din egen.
Legg til en Variabel skrift i et web-prosjekt
For å lagre en Variabel skrift i web-prosjektet ditt, velg add to web project over panelet for Variabel skrift på familiesiden. Sørg for at riktig skrift er valgt; noen variable skrifter har flere skrifter i familien.
Velg Copy CSS nederst i panelet for å hente koden som tilsvarer den tilpassede forekomsten du oppretter. Koden vil reflektere en standardforekomst hvis det ikke er noen tilpassede Innstillinger.
?$png$&jpegSize=100&wid=300)
Du kan bokmerke nettleser-URL-en etter å ha tilpasset en Variabel skrift for å gå tilbake til de siste tilpassede innstillingene senere, eller velg Copy URL for å Del eller lagre konfigurasjonen din.
Variable skrifter i bruk
Den tilpassbare naturen til variable skrifter gjør dem perfekte for en rekke bruksområder, fra digital grafikk til produktemballasje eller til og med kjøretøyinnpakning. Ved å justere bredden kan en skrift arrangeres slik at den fortsatt er lesbar på uregelmessige overflater.
Kreative Innstillinger for Variabel skrift kan fremheve en merkepersonlighet eller tilpasse lange titler som ofte ikke passer i nedre tredjedels grafikk.
Slant-, weight- og width-akser brukes til å justere Obviously Variable slik at den passer bildørpanelene. Acumin Variable brukes til lange nedre tredjedels titler.
Du kan bruke variable skrifter til å opprett et visuelt hierarki på reklametavler og plakater eller tilpasse den variable skriften til små rom og merkelige former i emballasjedesign.
Variable skrifter utmerker seg ved å skape bedre linjebryting i avsnittsjustering. Breddeaksen gjør det spesielt mulig med mer effektiv og visuelt tiltalende ordavstand.
Variable skrift-funksjoner gjør at de fungerer godt i responsiv web-design. En variabel skrift kan brukes til å justere fra små til store skjermstørrelser, noe som bidrar til å beholde en liten filstørrelse og redusere lastetid.
Kodebiter kan legges til CSS-en din slik at variable skrifter animate, reagerer på lyd, omgivelseslys eller datasystemtema. Variable skrift-akser gjør også variable skrifter lettere å animate.
Typedesignere fortsetter å utforske nye måter å samhandle og innovere med denne skriftteknologien.
