Una dintre proprietățile tipografiei unui site web pe care ați putea alege să o ajustați în timpul dezvoltării unui site este modul în care textul site-ului este justificat. În mod implicit, textul site-ului este lăsat justificat și acesta este numărul de site-uri care își lasă textul. Singurele alte opțiuni sunt justificate în mod corect, ceea ce este rar sau pe deplin justificat.
Text justificat este un bloc de text care se aliniază atât pe partea stângă, cât și pe partea dreaptă, spre deosebire de doar una dintre acele părți (ceea ce fac justificarea „stânga” și „dreapta”). Efectul dublu justificat se realizează prin ajustarea spațiului de cuvinte și litere din fiecare linie de text pentru a se asigura că fiecare linie are aceeași lungime. Acest efect se numește justificare deplină. Justificați textul în CSS folosind aliniere text proprietate.
Cum funcționează justificarea?
Motivul pentru care vedeți adesea o margine inegală în partea dreaptă a unui bloc de text este că fiecare linie de text nu are aceeași lungime. Unele rânduri au mai multe cuvinte sau cuvinte mai lungi, în timp ce altele au cuvinte mai puține sau mai scurte. Pentru a justifica acel bloc de text, trebuie adăugate spații suplimentare la unele rânduri pentru a uniformiza toate rândurile și a le face coerente.
Fiecare browser web are propriul algoritm pentru aplicarea spațiilor suplimentare dintr-o linie. Browserele analizează lungimea cuvintelor, cratimarea și alți factori pentru a determina unde să pună spațiile. Prin urmare, este posibil ca textul justificat să nu arate identic de la un browser la altul. Fiți siguri, totuși, că suportul major pentru browser este bun pentru a justifica textul cu CSS.
Cum se justifică textul
Justificarea textului cu CSS necesită o secțiune de text pentru a justifica. De obicei, veți utiliza paragrafe de text, deoarece blocuri mari de context text care acoperă mai multe linii vor fi marcate cu etichete de paragraf.
După ce aveți un bloc de text de justificat, este doar o chestiune de a seta stilul la justificat cu proprietatea stilului CSS text-align. Aplicați această regulă CSS la un selector adecvat pentru a obține blocul de text pentru a reda conform intenției.
Când se justifică textul
Multor oameni le place aspectul textului justificat din punct de vedere al designului, în mare măsură pentru că creează un aspect foarte consistent, măsurat, dar există dezavantaje pentru justificarea completă a textului pe o pagină web.
În primul rând, textul justificat poate fi greu de citit. Acest lucru se datorează faptului că atunci când justificați text, uneori se poate adăuga mult spațiu suplimentar între unele cuvinte de pe linie. Aceste lacune inconsistente pot face textul mai greu de citit. Acest lucru este important în special pe paginile web, care pot fi greu de citit deja din cauza iluminării, rezoluției sau a altor calități hardware. Adăugarea de spații neobișnuite textului poate înrăutăți o situație proastă.
În plus față de provocările de lizibilitate, spațiile goale se aliniază uneori între ele pentru a crea „râuri” de spațiu alb în mijlocul textului. Acele goluri mari de spațiu alb pot face cu adevărat un afișaj incomod. În plus, pe linii extrem de scurte, justificarea poate provoca linii care conțin un cuvânt cu spații suplimentare între literele în sine.
Deci, când ar trebui să utilizați justificarea textului? Cel mai bun moment pentru a justifica textul apare atunci când liniile sunt lungi și dimensiunea fontului este mică - lucru greu de asigurat pe site-urile web receptive, unde lungimea liniei se modifică în funcție de dimensiunile ecranului. Nu există un număr greu și rapid pentru lungimea liniei sau dimensiunea textului; trebuie să vă folosiți cea mai bună judecată.
După ce aplicați stilul de aliniere a textului pentru a justifica textul, testați-l pentru a vă asigura că textul nu are râuri de spațiu alb - și testați-l la diferite dimensiuni. Cel mai simplu test nu necesită nimic mai complicat decât propriii tăi ochi strânși. Râurile se remarcă ca pete de alb într-un bloc de text altfel gri. Dacă vedeți râuri, ar trebui să faceți modificări la dimensiunea textului sau la lățimea blocului de text pentru a redefini textul.
Folosiți justificarea numai după ce ați comparat-o cu textul aliniat la stânga. S-ar putea să vă placă consistența unei justificări complete, dar textul standard justificat la stânga este de obicei mai lizibil. În cele din urmă, ar trebui să justificați textul, deoarece ați ales să justificați textul în scopuri de proiectare și ați confirmat că site-ul dvs. rămâne ușor de citit.