Variable skrifttyper er en meget tilpasningsbar skrifttypeteknologi. Panelet Variable skrifttyper i Adobe Fonts giver dig mulighed for at justere udseendet af variable skrifttyper og vælge den bedste til dine projekter. Creative Cloud-apps, der i øjeblikket understøtter variable skrifttyper, er Photoshop, InDesign og Illustrator.
Hvad er variable skrifttyper?
Variable skrifttyper bruger én fil til at gemme mange skrifttyper i modsætning til statiske skrifttyper, som bruger separate filer til hver tilgængelig stil. De giver dig mulighed for at angive en værdi for hver designakse i en skrifttype, hvilket giver dig kontrol over skrifttypens udseende, som statiske skrifttyper ikke kan.
Traditionelle statiske skrifttyper kræver, at du tilføjer eller installerer hver enkelt type, som du vil bruge i dit projekt. Med Acumin Pro kan du f.eks. tilføje Acumin Pro Regular, Acumin Pro Italic og andre typer, som du vil have adgang til. Acumin Variable indeholder alle typer af Acumin, så du behøver kun at tilføje én skrifttype.
Hver konfiguration af en variabel skrifttype kaldes en forekomst. Forekomster er forudindstillede typer, der er oprettet for at få hurtig adgang. Panelet Variable skrifttyper vist ovenfor viser, at Acumin Variable er indstillet til en standardforekomst – en forudbestemt indstilling, som alle variable skrifttyper falder tilbage på før tilpasning.
Længere nede i panelet er aksekontrolelementer. Akser repræsenterer et kontinuerligt område af typevariationer. En variabel skrifttype kan indeholde flere akser. Du kan tilpasse en akse til et hvilket som helst tal inden for dens minimum- eller maksimumområde. I eksemplet med Acumin Variable er akserne Skrå, Vægt og Bredde.
Sådan bruger du variable skrifttyper på Adobe Fonts-webstedet
Hver side med detaljer om familien af for variable skrifttyper på Adobe Fonts-webstedet indeholder et interaktivt tekstværktøj og panel, der giver dig mulighed for at tilpasse skrifttypen til din ønskede stil. Du kan vælge en forudindstillet forekomst for hurtigt at manipulere eller oprette din egen.
Føj en variabel skrifttype til et webprojekt
For at gemme en variabel skrifttype i dit webprojekt skal du vælge Føj til webprojekt over panelet for variable skrifttyper på familiesiden. Sørg for, at den korrekte skrifttype er valgt; nogle variable skrifttyper har yderligere skrifttyper inden for deres familie.
Vælg Kopiér CSS nederst i panelet for at hente koden, der svarer til den brugerdefinerede forekomst, du opretter. Koden afspejler en standardforekomst, hvis der ikke er nogen brugerdefinerede Indstillinger.
?$png$&jpegSize=100&wid=300)
Du kan bogmærke browser-URL'en efter tilpasning af en variabel skrifttype for at genbesøge dine sidste brugerdefinerede Indstillinger senere, eller vælge Kopiér URL for at dele eller gemme din konfiguration.
Variable skrifttyper i brug
Den tilpasningsbare karakter af variable skrifttyper gør dem perfekte til en række forskellige anvendelser, fra digital grafik til produktemballage eller endda folie til biler. Ved at justere bredden kan en skrifttype opsættes, så den stadig er læselig på uregelmæssige overflader.
Indstillinger for kreative variable skrifttyper kan fremhæve en brandpersonlighed eller rumme lange titler, der ofte ikke passer ind i den lavere tredjedel i grafik.
Skrå-, Vægt- og Bredde-akser bruges til at justere Obviously Variable, så den passer til bilens dørpaneler. Acumin Variable bruges til lange titler i den lavere tredjedel.
Du kan bruge variable skrifttyper til at skabe et visuelt hierarki på reklametavler og plakater eller skræddersy den variable skrifttype til små rum og mærkelige former i emballagedesign.
Variable skrifttyper udmærker sig ved at skabe bedre linjeskift i afsnitsjustering. Breddeaksen gør det især muligt at opnå mere effektiv og visuelt tiltalende ordafstand.
Variabel skrifttype-funktioner gør det muligt for dem at fungere godt i responsivt web-design. En variabel skrifttype kan bruges til at justere fra små til store skærmstørrelser, hvilket hjælper med at bevare en lille filstørrelse og reducere indlæsningstiden.
Kodestykker kan føjes til din CSS, så variable skrifttyper kan animeres, reagerer på lyd, omgivende lys eller computersystemtemaer. Variabel skrifttype-akser gør også variable skrifttyper lettere at animere.
Typedesignere fortsætter med at udforske nye måder at interagere og innovere med denne skrifttypeteknologi på.
