Vad är variabla teckensnitt?

Formateringstypografi som passar dina exakta ändamål kan vara en tidskrävande process. Så tänk dig istället att kunna göra en typsnitt skarpare eller mer kursiv, bara genom att justera en skjutreglage i Illustrator. 

Variabel typsnittsteknik låter dig nu göra just det. Dessa individuella fontfiler fungerar faktiskt som flera typsnitt, så att du kan justera vikt, bredd och snedställd typ som du arbetar. 

Men är variabla typsnitt som verkligen är användbara för designers, eller en rolig men meningslös gimmick? Här tittar vi på hur du kan använda variabla teckensnitt i Illustrator CC och hur du bäst kan tillämpa dem i ditt designarbete.

På jakten på mer coola teckensnitt? Kolla in det stora utbudet av visningsstilar, serifs och sans serifs över på Envato Elements och GraphicRiver.

Vad är variabla teckensnitt?

Ett variabelt teckensnitt är ett OpenType-typsnitt som innehåller ny teknik som heter OpenType-teckensvariationer

Gemensamt utvecklad av fyra av de mest inflytelserika teknikbolagen-Google, Äpple, Microsoft, och Adobe-Dessa fontfiler innehåller en stor mängd extra data, jämfört med ditt genomsnittliga OpenType-teckensnitt. 

Ett variabelt teckensnitt kan innehålla en teckens hela glyfuppsättning eller enskilda glyfer med upp till 64 000 axlar av variation, inklusive vikt, bredd, snedställdhet och i vissa fall specifika stilar, t.ex. kondenserad, fet, etc.

OK men varför?

Vid sidan av Färgskrivning Teknik, variabla teckensnitt kan tyckas vara oinitierade lite, väl meningslöst. Många typografer skulle argumentera för att processen med manuell formatering av teckensnitt är det mest professionella och tillfredsställande sättet att gå om saker. 

  • Vad är färgfonter?

    Färg typsnitt är inställda att ta över den grafiska designvärlden 2018, men vad är de och hur använder du dem? Läs mer om färgfonter i denna handledning.
    Grace Fussell
    typsnitt
  • Så här skapar du en färgfont med Adobe Illustrator och Fontself Maker

    Skapa teckensnitt har aldrig varit så enkelt som med Fontself-en kraftfull förlängning för Adobe Illustrator och Photoshop. Lär dig hur du gör färgfonter med Fontself!
    Yulia Sokolova
    Adobe Illustrator

Men variabla teckensnitt är en naturlig framsteg för typografiområdet, vilket i allt högre grad återspeglar utvecklingen i responsiv webbdesign. Designers kräver mer bekvämlighet och interaktivitet från deras designverktyg, och teckensnitt som du kan justera med rullning av en reglage möter denna efterfrågan.

  • Så här använder du variabla teckensnitt på webben

    Variabla teckensnitt ger designers en enda textfil som fungerar som flera teckensnitt. Det nya OpenType-formatet tillåter oss att snabbt justera vissa ...
    Anna Monus
    Webtypografi

Variable typsnitt ger flexibilitet och omedelbara resultat, vilket gör dem till en välkommen nyhet för den tidsmässiga typografen. 

De är också bra för att justera typografi "live". Så om du till exempel visar en klient en design på en skärm, kan du justera formateringen av en rubrik innan ögonen direkt.

Hur hittar jag variabla teckensnitt?

Du kan använda ett begränsat utbud av förinstallerade variabla teckensnitt i Adobe Illustrator CC och Adobe Photoshop CC, Inklusive:

  • Acumin Variable Concept
  • Minion Variable Concept
  • Myriad Variable Concept
  • Source Sans Variable
  • Källa Serif Variabel
  • Källkod variabel

Oberoende typsnitt designers börjar också släppa sina egna variabla teckensnitt, men många av dessa är fortfarande bara tillgängliga som prototyper. Kolla in Gingham, en minimal sans serif av Christoph Koeberlin, eller Jabin, en variabel ta på gotiska typ stilar av Frida Medrano.

Du kan också hitta en beta-webbplats, v-fonts.com, som innehåller en ständigt växande lista över nya variabla teckensnitt. 

Hur använder jag variabla teckensnitt?

Här tittar vi på hur man använder variabla teckensnitt i Illustrator CC. 

Processen är väldigt lätt. Välj bara Typverktyg (T) och dra för att skapa en textram på sidan. Placera markören i ramen och skriv in din text. 

Med antingen den valda ramen eller typen markerad väljer du ett variabelt teckensnitt från normal teckensnittmeny i Karaktär panel (Fönster> Typ> Tecken)

Klicka på den lilla dubbel-T-symbolen till höger om fontviktmenyn. När du svävar över symbolen ser du "Variabel typsnitt" visas bredvid markören. 

Genom att klicka på detta öppnas ett popup-fönster med reglage för att justera tre alternativ, som beskrivs nedan.

Vikt

Justering av den här reglaget gör att typen blir tunnare eller djupare. Beroende på det rörliga teckensnittet kan detta sträcka sig från ultra-tunn till mycket tung eller fet vikt. 

Detta är ett utmärkt alternativ för att spela med den visuella effekten av rubriker eller underrubriker, så att du kan definiera precis rätt djärvhet för din text.

Observera att ökad vikt på teckensnittet också kan expandera textens totala bredd, enbart på grund av den ökade storleken på varje tecken. 

Bredd

För att ge din typ ett kondenserat (eller squashed) utseende, eller sträck det för att ge det ett bredare utseende, justera Bredd reglaget.  

Även om detta har en estetisk effekt på din text är det också en väldigt användbar metod för att förvisa några försvunna föräldralösa eller änkor i din typografi om du inte vill spendera lång tid justering av spårning eller korsning manuellt.

Luta

Även om man tillämpar falsk kursivisering på text ofta anses vara en stor sak i typografiska cirklar, Luta reglaget replikerar faktiskt en stor variation av autentiska kursiva vikter. 

Detta ger dig ett professionellt utseende av kursiv kurs, men det stora utbudet av alternativ kan du ofta bara uppnå genom att använda falsk kursiv. 

Var ska jag använda variabla teckensnitt?

Variable typsnitt har utformats med webbdesign i åtanke, och de stöds av Safari, Chrome, Edge och Firefox. Webben är det naturliga hemmet för variabla teckensnitt, eftersom de är unikt anpassade till mottagliga webbplatser och appar. Du kan leka med olika variabla teckensnitt för att se hur de skulle visas online på Axis-Praxis-webbplatsen.

Genom att lagra information om flera teckensnittsfamiljer inom bara en fontfil, erbjuder variabla teckensnitt också en platsbesparande lösning för webbdesigners. 

Men variabla teckensnitt presenterar också ett spännande nytt sätt att formatera typografi för tryckdesigners. Eftersom justering av teckensnitt är så snabbt och bekvämt, gör de en strålande timesaver för tryckdesigners eftersom de arbetar på ritningar. 

Slutsats: Är variabla teckensnitt en gimmick eller här för att stanna?

För webbdesigners representerar variabla teckensnitt en annan spännande utveckling i responsiv typografi. Tillsammans med färgfonter tillåter variabla skrifter webbdesigners att vara mer flexibla och kreativa i sina mönster, vilket gör typografi till fokus för webbplatser istället för enbart nödvändighet. 

För printdesigners är juryn fortfarande ute om huruvida variabla teckensnitt är tillräckligt användbara för att ersätta manuell typografiformatering. Till dess att ett stort antal variabla teckensnitt är tillgängligt i Adobe-programvara, verkar det osannolikt att de kommer att ersätta standardmetoden för formateringstyp för de flesta designers. 

Letar du efter fler bra typsnitt? Kolla in valet av teckensnitt på Envato Elements och GraphicRiver, eller läs våra redigerade listor över några av de bästa typsnitten där ute:

  • 18 bästa nya teckensnitt för 2018

    Kom igång på otroliga mönster för 2018! Kolla in det här urvalet av helt nya teckensnitt från Envato Market och Envato Elements.
    Melody Nieves
    typsnitt
  • 15 Retro teckensnitt att ladda ner

    Få de bästa retrofonterna för dina projekt! Kolla in den här listan med premiumgodisar som valts uteslutande från Envato Market och Envato Elements.
    Melody Nieves
    Medel

Om du vill lära dig mer, varför inte prova vår nya kurs, Upp och Running med Variable Fonts.