Ligatura în dezvoltarea mobilă — bazele și aplicarea conexiunilor simbolice

Ce este ligatura în tipografie

Ligatura este o tehnică tipografică prin care două sau mai multe simboluri sunt înlocuite cu un singur semn special conceput. Scopul principal al ligaturii este eliminarea conflictelor vizuale între simbolurile vecine și îmbunătățirea percepției textului. În perechea fi, de exemplu, proeminența superioară a literei f se ciocnește cu punctul literei i — ligatura le combină într-un singur simbol elegant.

Ligaturile se împart în obligatorii (standard) și opționale (decorative). Ligaturile standard sunt perechi care apar în majoritatea fonturilor: fi, fl, ff, ffi, ffl. Sunt considerate necesare pentru o tipografie de calitate și sunt activate implicit în font. Conform specificației OpenType, ligaturile standard sunt codificate cu tag-ul 'liga' și trebuie să fie activate în orice font profesional.

Efectul vizual: fără ligatură, perechea fi arată ca două simboluri separate cu un contact nedorit. Cu ligatură — ca un simbol armonios. Diferența este vizibilă în special la dimensiuni mari (titluri, logo-uri) și în textul cu un număr mare de perechi repetitive (de exemplu, în limba germană cu häufigen Buchstabenkombinationen).

Tipuri de ligaturi: standard, discretionary, contextuale

Fonturile OpenType suportă mai multe tipuri de ligaturi, fiecare cu propriul tag și scop. Standard (tag 'liga') — ligaturi obligatorii activate implicit în font. Îmbunătățesc lizibilitatea și nu ar trebui dezactivate fără un motiv întemeiat. Conțin perechile fi, fl, ff, ffi, ffl și altele specifice fiecărui caracter tipografic.

Ligaturile discretionary (tag 'dlig') — ligaturi decorative care se activează opțional la alegerea designerului. Nu sunt obligatorii pentru lizibilitate și sunt utilizate pentru stilizarea textului: ct, st, sp, Th, Qu și altele. Ligaturile discretionary apar adesea în fonturi cu caracter istoric sau caligrafic — de exemplu, în Garamond sau Adobe Caslon. Avertisment: excesul de ligaturi discretionary înrăutățește lizibilitatea, în special pentru utilizatorii cu dislexie.

Ligaturile contextuale (tag 'clig') — ligaturi care depind de mediul simbolului. Se aplică doar în anumite condiții: dacă simbolul se află la începutul sau sfârșitul cuvântului, după un anumit semn de punctuație etc. Ligaturile contextuale sunt o funcție avansată OpenType, nefiind suportată de toate fonturile. Ligaturile istorice (tag 'hlig') — ligaturi învechite care imită stilul cărților tipărite vechi (long s, &). Se folosesc rar, doar în texte istorice sau stilizate.

Tipuri rare: există și ligaturi pentru setul matematic (tag 'dlig' pentru simboluri matematice) și ligaturi de inițiale (drop caps) — dar nu sunt utilizate în tipografia de interfață și sunt suportate doar de fonturi specializate.

Istoria ligaturilor: de la tiparul metalic la fonturile digitale

Ligaturile au apărut cu mult înaintea tipografiei digitale — încă în epoca tiparului metalic în secolul al XV-lea. Tipograful Johannes Gutenberg folosea ligaturi pentru a economisi spațiu în rândurile Bibliei sale cu 42 de rânduri. Fiecare literă era un bloc metalic fizic, iar combinarea a două simboluri într-o singură literă economisea plumb și simplifica compunerea. Ligaturile standard fi, fl, ffi, ffl sunt moștenirea acelei epoci.

În fotocompunere (secolul XX) ligaturile și-au pierdut funcția practică, dar au rămas ca element estetic al tipografiei de calitate. Designerii de fonturi continuau să includă ligaturi în caracterele lor, deoarece acestea deveniseră un semn de profesionalism și atenție la detalii. În era fonturilor digitale (PostScript, TrueType), ligaturile erau implementate ca glife separate cu înlocuire programatică.

OpenType (1996) a fost o revoluție: a introdus mecanismul GSUB (Glyph Substitution Table) care înlocuiește automat o secvență de simboluri cu o ligatură fără intervenția utilizatorului. GSUB suportă înlocuiri contextuale, condiții și variante de rezervă. Acest lucru a permis fonturilor să aibă sute de ligaturi care sunt activate/dezactivate prin tag-uri. Fonturile moderne — SF Pro, Roboto, Inter — suportă ligaturile OpenType pe toate platformele: iOS, Android, macOS, Windows, web.

Implementarea ligaturilor pe iOS prin UIFontDescriptor

Pe iOS, ligaturile pot fi gestionate prin UIFontDescriptor folosind atributul featureSettings. Acest atribut acceptă un array de dicționare, fiecare descriind o funcție OpenType. Gestionarea ligaturilor prin descriptor este singura modalitate de a controla tipuri individuale de ligaturi fără a afecta alte funcții OpenType ale fontului.

let descriptor = UIFontDescriptor.preferredFontDescriptor(
    withTextStyle: .body
)

// Activați ligaturile discretionary
let ligatureDescriptor = descriptor.addingAttributes([
    .featureSettings: [
        [
            UIFontDescriptor.FeatureIdentifier: kLigaturesType,
            UIFontDescriptor.TypeIdentifier: kCommonLigaturesOnSelector
        ]
    ]
])

let font = UIFont(
    descriptor: ligatureDescriptor,
    size: 17
)

NSAttributedString suportă de asemenea atributul ligature: NSNumber. Valoarea 0 — dezactivează toate ligaturile, 1 — activează standard (implicit), 2 — activează toate (inclusiv discretionary). Totuși, atributul ligature în NSAttributedString nu oferă control fin asupra tipurilor de ligaturi — doar activare/dezactivare globală. Pentru gestionarea selectivă, utilizați UIFontDescriptor cu featureSettings.

SwiftUI nu oferă un modificator direct pentru ligaturi. Pentru a gestiona ligaturile în SwiftUI, creați un UIFont cu setările dorite prin UIFontDescriptor și utilizați-l prin Font(descriptor:size:). Alternativ — utilizați AttributedString (iOS 15+) cu atributul .ligature pentru NSMutableAttributedString în vizualizările AppKit/UIKit.

// SwiftUI cu ligaturi personalizate prin AttributedString
var attributedText: AttributedString {
    var text = AttributedString(
        "Effective typography with ligatures"
    )

    // Activați toate ligaturile pentru întregul text
    text.ligature = .all

    return text
}

var body: some View {
    Text(attributedText)
}

Gestionarea ligaturilor în CSS și pe Android

În web, ligaturile sunt gestionate prin proprietatea CSS font-variant-ligatures, care acceptă cuvinte cheie: common-ligatures (standard activate), no-common-ligatures (standard dezactivate), discretionary-ligatures, no-discretionary-ligatures, contextual, no-contextual. Proprietatea este suportată de toate browserele moderne din 2015. Implicit, browserele activează ligaturile standard și contextuale.

/* Disable all ligatures for monospace */
code, pre {
    font-variant-ligatures: none;
}

/* Enable discretionary ligatures for headings */
.title-fancy {
    font-variant-ligatures:
        common-ligatures
        discretionary-ligatures
        contextual;
}

Android nu are o API directă pentru gestionarea ligaturilor. În Android, ligaturile sunt gestionate la nivelul fontului și al motorului de randare Minikin (Android 10+). Dacă fontul conține tabela OpenType GSUB, ligaturile se aplică automat. Pentru dezactivarea ligaturilor în Android se utilizează Typeface personalizate create prin Typeface.Builder sau preprocesarea textului (înlocuirea simbolurilor înainte de afișare). Limitare: pe Android sub 10, ligaturile pot funcționa incorect cu unele fonturi TTF.

Control de nivel scăzut: pe toate platformele se poate utiliza CSS @font-face cu parametrul font-feature-settings pentru funcțiile OpenType. Această metodă oferă acces la orice tag-uri OpenType, inclusiv ligaturi. Exemplu: font-feature-settings: 'liga' 1, 'dlig' 1. Totuși, font-feature-settings este o sintaxă de nivel scăzut, iar MDN recomandă utilizarea font-variant-ligatures ca alternativă de nivel mai înalt.

Ligaturi în fonturile de programare

O clasă specială de ligaturi — ligaturile de programare, care combină operatorii și simbolurile codului în semne mai lizibile. Fonturile de programare precum Fira Code, JetBrains Mono, Cascadia Code includ ligaturi discretionary pentru operatorii comuni: != (devine ≠), >= (devine ≥), -> (devine săgeată), => (devine săgeată groasă), === (devine triplu egal).

Ligaturile de programare sunt un subiect controversat în comunitatea dezvoltatorilor. Susținătorii susțin că ligaturile accelerează citirea codului, deoarece operatorii sunt percepuți ca concepte unitare. Cercetarea (Kera et al., PLATEAU 2020) a arătat că ligaturile nu afectează viteza de citire a codului, dar subiectiv plac 67% dintre dezvoltatori. Oponenții ligaturilor observă că acestea distorsionează codul: simbolul != în editor se afișează ca ≠, dar în fișierul text este stocat ca două simboluri, ceea ce poate fi confuz în colaborare.

Implementare tehnică: ligaturile de programare sunt ligaturi discretionary OpenType (tag 'dlig'). Sunt dezactivate implicit și se activează în editorul de cod prin setările fontului. Dezvoltatorii care folosesc astfel de fonturi trebuie să configureze editorul pentru a activa ligaturile discretionary. În terminal (iTerm2, Windows Terminal) ligaturile sunt de asemenea suportate prin setările fontului. Compatibilitate: nu toate editoarele și terminalele suportă ligaturi OpenType. Înainte de a alege un font, verificați compatibilitatea cu instrumentul dumneavoastră.

// Exemplu: ligaturi de operatori în JetBrains Mono
val isEqual = a != b  // != randat ca ≠
val arrow = x -> x + 1  // -> randat ca →
val range = 1 .. 10  // .. randat ca interval

Fonturi populare cu ligaturi de programare: Fira Code (primul font de masă cu ligaturi, 2015), JetBrains Mono (optimizat pentru citirea codului, 2020), Cascadia Code (de la Microsoft, 2019), Iosevka (font configurabil cu sistem modular de ligaturi). Fiecare font are propriul set de ligaturi — de la 50 la 150+ înlocuiri. Recomandare: începeți cu Fira Code sau JetBrains Mono — au cel mai bun suport în editoare și IDE-uri.