Pretvarač dužine i udaljenosti Pretvarač mase Konvertor mera zapremine rasutih proizvoda i prehrambenih proizvoda Konvertor površine Pretvarač zapremine i mernih jedinica u kulinarskim receptima Pretvarač temperature Pretvarač pritiska, mehaničkog naprezanja, Youngovog modula Pretvarač energije i rada Pretvarač snage Pretvarač sile Pretvarač vremena Linearni pretvarač brzine Ravni ugao Konvertor termičke efikasnosti i efikasnosti goriva Pretvarač brojeva u različitim sistemima brojeva Pretvarač mernih jedinica količine informacija Kursevi valuta Ženska odeća i veličine cipela Muška odeća i cipele veličine Pretvarač ugaone brzine i frekvencije rotacije Konvertor ubrzanja Pretvarač ugaonog ubrzanja Pretvarač gustine Konvertor specifične zapremine Pretvarač momenta inercije Pretvarač momenta sile Pretvarač obrtnog momenta Specifična toplota pretvarača sagorevanja (po masi) Gustina energije i specifična toplota pretvarača sagorevanja (po zapremini) Konvertor temperaturne razlike Koeficijent pretvarača termičke ekspanzije Pretvarač toplotnog otpora Pretvarač toplotne provodljivosti Konvertor specifičnog toplotnog kapaciteta Pretvarač snage izlaganja energije i toplotnog zračenja Pretvarač gustine toplotnog fluksa Pretvarač koeficijenta prenosa toplote Pretvarač zapreminskog protoka Konvertor masenog protoka Konvertor molarnog protoka Konvertor gustine masenog protoka Konvertor molarne koncentracije Konvertor masene koncentracije u rastvoru Dinamički (apsolutni) konvertor viskoziteta Kinematički konvertor viskoziteta Konvertor površinskog napona Konvertor paropropusnosti Konvertor gustine protoka vodene pare Konvertor gustine zvuka Konvertor nivoa zvuka Konvertor osetljivosti mikrofona Konvertor Nivoa zvučnog pritiska (SPL) Konvertor nivoa zvučnog pritiska sa izborom Pretvarač referentnog pritiska Pretvarač osvetljenosti Pretvarač Pretvarač svetlosnog intenziteta i Resolution I Pretvarač jačine svetlosti I frekvencije Pretvarač talasne dužine Dioptrijska snaga i žižna dužina Dioptrijska snaga i uvećanje sočiva (×) Konvertor električnog naboja Pretvarač gustine linearnog naboja Konvertor gustine površinskog naboja Pretvarač zapreminske gustine naelektrisanja Pretvarač električne struje Konvertor gustine linearne struje Konvertor gustine površinske struje Pretvarač gustine površinske struje Pretvarač električnog potencijala i pretvarač napona elektrostatskog Pretvarač električnog otpora Pretvarač električnog otpora Pretvarač električne provodljivosti Pretvarač električne provodljivosti Konvertor električne provodljivosti Pretvarač induktivnosti američkog kabla Nivoi u dBm (dBm ili dBm), dBV (dBV), vati, itd. jedinice Pretvarač magnetne sile Konvertor napetosti magnetsko polje Pretvarač magnetnog fluksa Pretvarač magnetne indukcije Zračenje. Konvertor brzine doze apsorbovanog jonizujućeg zračenja Radioaktivnost. Konvertor radioaktivnog raspada Zračenje. Konvertor doze ekspozicije Zračenje. Konvertor apsorbovane doze Konvertor decimalnog prefiksa Prenos podataka Konverter jedinica za obradu tipografije i slike Konvertor jedinica zapremine drveta Proračun molarne mase Periodni sistem hemijskih elemenata D. I. Mendeljejeva

1 piksel (X) = 0,752812499999996 bodova (tipografski)

Početna vrijednost

Preračunata vrijednost

twip metar centimetar milimetar simbol (X) simbol (Y) piksel (X) piksel (Y) inč lemljenje (kompjuter) lemljenje (tipografska) tačka NIS/PostScript tačka (kompjuter) tačka (tipografska) em crtica cicero em crtica tačka Dido

Američki merač žice

Saznajte više o jedinicama koje se koriste u tipografiji i digitalnim slikama

Opće informacije

Tipografija je proučavanje reprodukcije teksta na stranici i korištenje veličine, slova, boje i drugih vizualnih karakteristika kako bi se tekst lakše čitao i izgledao lijepo. Tipografija se pojavila sredinom 15. veka sa pojavom štamparskih mašina. Postavljanje teksta na stranicu utiče na našu percepciju – što je bolje postavljen, veća je verovatnoća da će čitalac razumeti i zapamtiti šta je napisano u tekstu. Tipografija lošeg kvaliteta, naprotiv, otežava čitanje teksta.

Tipovi se dijele na različite tipove, kao što su serif i sans serif fontovi. Serifi su dekorativni element fonta, ali u nekim slučajevima čine tekst lakšim za čitanje, iako se ponekad dešava suprotno. Prvo slovo (plavo) na slici je u Bodoni serif fontu. Jedan od četiri serifa je obrubljen crvenom bojom. Drugo slovo (žuto) je u Futura sans serif fontu.

Postoji mnogo klasifikacija fontova, na primjer, prema vremenu njihovog nastanka ili stilu popularnom u određeno vrijeme. Da, postoje fontovi stari stil- grupa koja uključuje najstarije fontove; noviji fontovi prelazni stil; moderni fontovi, nastao nakon prijelaznih fontova i prije 1820-ih; i na kraju novi stil fontova ili modernizirani stari fontovi, odnosno fontove napravljene po starom modelu kasnije. Ova klasifikacija se uglavnom koristi za serif fontove. Postoje i druge klasifikacije zasnovane na izgled fontove, kao što su debljina linija, kontrast između tankih i debelih linija i oblik serifa. Domaća štampa ima svoje klasifikacije. Na primjer, klasifikacija prema GOST-u grupiše fontove po prisutnosti i odsustvu serifa, zadebljanju serifa, glatkom prijelazu s glavne linije na serif, zaokruživanju serifa i tako dalje. U klasifikacijama ruskih, kao i drugih ćiriličkih fontova, često postoji kategorija za staroslavenske fontove.

Glavni zadatak tipografije je prilagođavanje veličine slova i odabir odgovarajućih fontova za postavljanje teksta na stranicu tako da je lako čitljivo i lijepo izgleda. Postoji niz sistema za određivanje veličine fonta. U nekim slučajevima, ista veličina slova u tipografskim jedinicama, ako su ispisana različitim fontovima, ne znači istu veličinu samih slova u centimetrima ili inčima. Ova situacija je detaljnije opisana u nastavku. Unatoč neugodnostima koje ovo uzrokuje, trenutna veličina fonta pomaže dizajnerima da uredno i lijepo rasporede tekst na stranici. Ovo je posebno važno u rasporedu.

U layoutu morate znati ne samo veličinu teksta, već i visinu i širinu digitalnih slika kako biste ih uklopili na stranicu. Veličina se može izraziti u centimetrima ili inčima, ali postoji i jedinica posebno dizajnirana za mjerenje veličine slike - pikseli. Piksel je element slike u obliku tačke (ili kvadrata) od kojeg se sastoji.

Definicija jedinica

Veličina slova u tipografiji je označena riječju “veličina”. Postoji nekoliko sistema za merenje veličine tačke, ali većina se zasniva na jedinici "lemljenje" u američkom i engleskom mjernom sistemu (engleski pica), ili “cicero” u evropskom mjernom sistemu. Naziv "lemljenje" se ponekad piše kao "šiljak". Postoji nekoliko vrsta lemljenja, koje se neznatno razlikuju po veličini, pa kada koristite lemljenje, vrijedi zapamtiti na koje lemljenje mislite. U početku se ciceron koristio u domaćoj štampi, ali sada je uobičajeno i lemljenje. Ciceron i kompjutersko lemljenje su slične veličine, ali nisu jednake. Ponekad se cicero ili lemljenje direktno koristi za mjerenje, na primjer za određivanje veličine margina ili stupaca. Češće se, posebno za merenje teksta, koriste jedinice izvedene lemljenjem, kao što su tačke štampanja. Veličina lemljenja se različito određuje u različitim sistemima, kao što je opisano u nastavku.

Slova se mjere kako je prikazano na slici:

Ostale jedinice

Iako kompjutersko lemljenje postepeno zamjenjuje druge jedinice, a možda i poznatije ciceros, uz njega se koriste i druge jedinice. Jedna od ovih jedinica je Američko lemljenje To je jednako 0,166 inča ili 2,9 milimetara. Tu je i print lemljenje. Izjednačen je sa američkom.

Pojedine domaće štamparije i u literaturi o štamparstvu se i dalje koriste pica- jedinica koja je bila naširoko korišćena u Evropi (sa izuzetkom Engleske) pre pojave kompjuterskog lemljenja. Jedan cicero jednak je 1/6 francuskog inča. Francuski inč se malo razlikuje od modernog inča. U modernim jedinicama, jedan cicero je jednak 4,512 milimetara ili 0,177 inča. Ova vrijednost je gotovo jednaka kompjuterskom lemljenju. Jedan ciceron je 1,06 kompjuterskih lema.

Okrugla ugradnja (em) i polukružna ugradnja (en)

Gore opisane jedinice određuju visinu slova, ali postoje i jedinice koje označavaju širinu slova i simbola. Okrugli i polukružni razmaci su upravo takve jedinice. Prvi je takođe poznat kao em, ili em, od engleske reči za slovo M. Njegova širina je istorijski bila jednaka širini engleskog slova. Isto tako, polukružni empat jednak pola okruglog je poznat kao en. Trenutno se ove vrijednosti ne određuju pomoću slova M, jer ovo slovo može imati različite veličine u različitim fontovima, čak i ako je veličina ista.

U ruskom se koriste end dash i em dash. Za označavanje raspona i intervala (na primjer, u frazi: "uzmite 3-4 žlice šećera"), koristi se crtica, koja se također naziva i crtica. Crtica em se koristi u ruskom u svim ostalim slučajevima (na primjer, u frazi: "ljeto je bilo kratko, a zima duga"). Naziva se i em dash.

Problemi sa savremenim sistemima jedinica

Mnogi dizajneri ne vole trenutni sistem tipografskih jedinica zasnovanih na obrocima ili cicerosu i tipografskim tačkama. Glavni problem je što ove jedinice nisu vezane za metrički ili imperijalni sistem mjerenja, a istovremeno se moraju koristiti u sprezi sa centimetrima ili inčima, u kojima se mjeri veličina ilustracija.

Osim toga, slova napravljena u dva različita slova mogu biti vrlo različite veličine, čak i ako su iste veličine na tipografskim mjestima. To je zato što se visina slova mjeri kao visina polja za unos, što nije direktno povezano s visinom karaktera. To otežava dizajnerima, posebno ako rade s više fontova u istom dokumentu. Ilustracija pokazuje primjer ovog problema. Veličina sva tri fonta u tipografskim tačkama je ista, ali je visina znaka svuda različita. Da bi riješili ovaj problem, neki dizajneri predlažu mjerenje tačke kao visine lika.

Možete odrediti dužinu u CSS-u u različitim jedinicama. Neki od njih potiču iz tipografske tradicije, kao point (pt) i pica (pc), drugi, npr. centimetar (cm) i inč (in) su nam poznati u svakodnevnoj upotrebi. Postoji i „magična“ jedinica izmišljena posebno za CSS: px. Znači li to da različite nekretnine zahtijevaju različite jedinice?

Ne, jedinice mjere nisu povezane sa svojstvima, već su direktno povezane sa medijima za prikaz: ekranom ili papirom.

Bilo koje mjerne jedinice mogu se koristiti bilo gdje. Svojstvo sa vrijednošću u pikselima (margina: 5px) također prihvaća vrijednosti u inčima ili centimetrima (margina: 1.2in; margina: 0.5cm), i obrnuto.

Ali općenito, bolje je koristiti različite skupove jedinica za prikaz na ekranu i za ispis. Savjeti za korištenje jedinica sažeti su u sljedećoj tabeli:

Odnos između apsolutnih jedinica je: 1in = 2,54cm = 25,4mm = 72pt = 6pc

Ako imate pri ruci ravnalo, možete provjeriti tačnost vašeg uređaja. Evo pravougaonika visine 1 inč (2,54 cm):
72pt
↓

Takozvane apsolutne jedinice (cm, mm, in, pt i pc) u CSS-u znače isto što i svuda, ali samo ako izlazni uređaj ima dovoljno visoku rezoluciju. Na laserskom štampaču 1 cm mora biti tačno jednak 1 centimetar. Ali na uređajima niske rezolucije kao što su ekrani računara, CSS ovo ne zahteva. Zaista, različitim uređajima a različite CSS implementacije imaju tendenciju da ih različito prikazuju. Ove jedinice je bolje ostaviti za uređaje visoke rezolucije, posebno za štampanje. Na ekranima kompjutera i mobilnih uređaja ah, možda neće ispasti kako se očekivalo.

U prošlosti, CSS je zahtijevao da apsolutne jedinice budu ispravno prikazane čak i na ekranima računara. Ali pošto je bilo više pogrešnih implementacija nego ispravnih, te se nisu očekivala poboljšanja, CSS je odustao od ovog zahtjeva 2011. godine. Trenutno su apsolutne jedinice potrebne da ispravno rade samo kada se štampaju i na uređajima visoke rezolucije.

CSS ne precizira šta se tačno podrazumeva pod "visokom rezolucijom". Ali pošto jeftini štampači danas imaju najmanje 300 dpi, i dobri ekrani oko 200 dpi, granica najvjerovatnije leži negdje između ovih vrijednosti.

Još jedan razlog da se apsolutne jedinice ne koriste nigdje osim u štampi: Gledamo različite ekrane sa različitih udaljenosti. 1 centimetar izgleda malo na ekranu desktop računara. Ali na mobilnom ekranu, pravo pred vašim očima, to je mnogo. Umjesto toga je bolje koristiti relativne jedinice, npr. em.

Jedinice em i ex ovise o veličini fonta i mogu se razlikovati za svaki element u dokumentu. Jedinica em je jednostavno veličina fonta. U elementu kojem je dat font od 2in, 1em znači ovih 2in. Određivanje dimenzija (npr. za dopunu) u em znači da su date u odnosu na font, a da li je korisnikov font veliki (npr. na velikom ekranu) ili mali (npr. na mobilnom uređaju), ove dimenzije će ostati proporcionalne . Deklaracije poput text-indent: 1.5em i margin: 1em u CSS-u su izuzetno popularne.

Bivša jedinica se koristi rijetko. Izražava dimenzije koje treba mjeriti od x-visine fonta. X-visina je, grubo rečeno, visina malih slova kao a, c, m, ili o. Fontovi sa istom veličinom (i, shodno tome, istim em) mogu imati ogromnu razliku u veličinama malih slova, a ako je važno da neka slika, na primjer, odgovara visini x, ex jedinica vam je na raspolaganju usluga.

Jedinica px u CSS-u je magična. Nije povezan sa trenutnim fontom, ali obično nije povezan ni sa fizičkim centimetrima ili inčima. Jedinica px definira se kao nešto malo, ali vidljivo, tj. horizontalna linija debljine 1px može se prikazati sa oštrim ivicama (bez anti-aliasinga). Ono što se smatra jasnim, malim i vidljivim zavisi od uređaja i načina na koji ga koristite: da li ga držite direktno ispred očiju, kako mobilni telefon, na dohvat ruke, kao monitor, ili negde između, kao e-knjiga? Dakle, px po definiciji nije fiksna dužina, već nešto što ovisi o vrsti uređaja i njegovoj normalnoj upotrebi.

Da biste razumjeli zašto je jedinica px takva kakva jeste, zamislite CRT monitor iz 1990-ih: najmanja tačka koju je mogla prikazati bila je oko 1/100 inča (0,25 mm) ili nešto veća. Jedinica px dobija ime po tim pikselima ekrana.

Trenutni uređaji u principu mogu prikazati manje, jasne tačke (iako ih je teško vidjeti bez lupe). Ali dokumenti iz prošlog stoljeća koji su koristili px u CSS-u izgledaju isto bez obzira na uređaj. Štampači posebno mogu jasno prikazati linije mnogo tanje od 1px, ali čak i na štampačima linija od 1px izgleda skoro isto kao i na monitoru. Uređaji se mijenjaju, ali jedinica px uvijek izgleda isto.

U stvari, CSS zahteva da 1px bude tačno jednak 1/96 inča u bilo kom izlazu za štampanje. CSS pretpostavlja da štampači, za razliku od ekrana, ne trebaju različite veličine px da bi prikazali jasne linije. Stoga, kada se odštampa, px ne samo da izgleda isto bez obzira na uređaj, već se i mjeri istom vrijednošću (baš kao jedinice cm, pt, mm, in i pc, kako je objašnjeno).

CSS takođe navodi da se bitmap slike (npr. fotografije) podrazumevano renderuju u razmeri od 1 slikovni piksel sa 1 px. Fotografija rezolucije 600 x 400 će biti široka 600 piksela i visoka 400 piksela. Dakle, pikseli fotografije nisu vezani za piksele izlaznog uređaja (koji mogu biti vrlo mali), već za px jedinice. Ovo vam omogućava da precizno poravnate slike s drugim elementima dokumenta, sve dok u svojim stilovima koristite jedinice px umjesto pt, cm itd.

Jedan od najzbunjujućih aspekata CSS je aplikacija veličina slova atribut za skaliranje teksta. Koristeći CSS, možete promijeniti veličinu teksta u pretraživaču koristeći četiri različite mjerne jedinice. Koja je od ove četiri jedinice najbolja za web? Ovo je pitanje koje je izazvalo razne rasprave i kritike. Teško je pronaći konačan odgovor jer je samo pitanje složeno.

Upoznajte jedinice

1. "Ems" (em): "em" je skalabilna jedinica koja se koristi u web dokumentima. "em" je jednako trenutnoj veličini fonta, na primjer, ako je veličina fonta u dokumentu 12pt, 1em je jednako 12pt. "em" je skalabilan po prirodi, tako da će 2em biti jednako 24pt, 0,5em će biti jednako 6pt, itd. Upotreba "em" postaje sve popularnija u web dokumentima zbog svoje skalabilnosti i mogućnosti da bude korisna na mobilnim uređajima.
2. Pikseli (px): „px“ su jedinice fiksne veličine koje se koriste na ekranima (kao što je čitanje na ekranu računara). Jedan piksel je jednak jednoj tački na ekranu vašeg računara (najmanji element rezolucije vašeg ekrana). Mnogi web dizajneri koriste px u web dokumentima kako bi postigli savršenu reprezentaciju svoje stranice u pikselima kada se prikaže u pretraživaču. Jedan od problema s korištenjem px je taj što ove jedinice ne dozvoljavaju skaliranje za slabovidne čitače ili mobilne uređaje.
3. Bodovi (pt): "pt", tradicionalno se koristi u štampanim medijima (sve što treba odštampati na papiru, itd.). Jedan "pt" je jednak 1/72 inča. "pt", kao i "px", imaju fiksnu jediničnu veličinu i ne mogu se skalirati.
4. Procenti (%): Jedinice procenta su slične "em" osim nekoliko ključnih razlika. Prvo, trenutna veličina fonta je 100% (tj. 12pt = 100%). Korištenjem "%", vaš tekst postaje potpuno skalabilan za mobilne uređaje i prilagođenost korisniku (pristupačnost).

U čemu je razlika?

Biće lako razumjeti razliku između jedinica veličine fonta kada ih vidite u akciji. Tipično, 1em = 12pt = 16px = 100%. Koristeći ove veličine fonta, pogledajmo šta se dešava kada povećate osnovnu veličinu fonta (pomoću CSS selektora tijela) sa 100% na 120%.

Promjena veličine fonta sa 100% na 120%.

Kao što vidite, "em" i "%" su povećali veličinu fonta, dok "px" i "pt" nisu. Postavljanje apsolutne veličine za vaš tekst može biti lako, ali je mnogo bolje za vaše posjetitelje da koriste skalabilni tekst koji se može prikazati na bilo kojem uređaju ili stroju. Iz tog razloga, jedinice "em" i "%" je poželjno koristiti za tekst web dokumenta.

"em" vs "%"

Saznali smo da jedinice "px" i "pt" nisu najbolje za web dokumente, što nas tjera da koristimo "em" i "%". U teoriji, jedinice "em" i "%" su identične, ali u praksi imaju manje razlike koje je važno uzeti u obzir.

U gornjem primjeru, koristili smo procente (u body tag-u) kao osnovnu jedinicu za veličinu fonta. Ako promijenite osnovnu jedinicu veličine fonta iz "%" u "em" (tj. tijelo (veličina fonta: 1em;)), vi, trebalo bi ne primjećujete razliku. Hajde da vidimo šta se dešava kada je "1em" naša osnovna jedinica i kada klijent promeni "Veličinu fonta" u podešavanjima pretraživača (mnogi pretraživači, kao što je Internet Explorer, imaju ovu opciju).

Veličina fonta kada klijent promijeni veličinu teksta u pretraživaču.

Kada je veličina teksta postavljena na "srednja" u pretraživaču klijenta, nema primjetne razlike između "em" i "%". Međutim, ako se parametar promijeni, razlika postaje vrlo velika. Kada je postavljeno na “Smallest”, “em” je mnogo manje od “%”, a kada je postavljeno na “Largest”, naprotiv, “em” se prikazuje mnogo veće od “%”. I dok mnogi tvrde da su jedinice u "em" skali kako je zamišljeno, u praksi se tekst u "em" previše dramatično mjeri, što uzrokuje da najmanji tekst postane nečitak na nekim mašinama.

Presuda

U teoriji, "em" jedinice su novi i nadolazeći standard veličine fonta na webu, ali u praksi, "%" jedinice omogućavaju da se tekst prikazuje dosljednije i pogodnije za korisnike. Prilikom promjene parametara klijenta, tekst u "%" se mijenjao u razumnim proporcijama, što omogućava dizajnerima da zadrže čitljivost, pristupačnost i dizajn.

Pobjednik: postotak (%).

Upotreba atributa font-size za skaliranje teksta jedan je od najtežih aspekata stiliziranja u CSS-u. CSS nudi četiri jedinice za mjerenje veličine teksta prikazanog u web pretraživaču. Koja od ove četiri jedinice je najpogodnija za web dokumente? Ovo pitanje izazvalo je mnogo diskusija i kontroverzi. Teško je dati definitivan odgovor na takvo pitanje.

Upoznavanje jedinica

hm ( em): em je skalabilna jedinica koja se koristi za web dokumente. Jedan em jednak je trenutnoj veličini fonta. Na primjer, ako je veličina fonta dokumenta 12pt, tada je 1em jednako 12pt. Pošto je em skaliran, 2em je jednako 24pt, .5em jednako 6pt, itd. Zbog svoje skalabilnosti i visoke kompatibilnosti s mobilnim uređajima, em se sve više koristi u web dokumentima.

Pikseli ( px): Pikseli su jedinice fiksne veličine koje se koriste za sve što se čita na ekranu računara. Jedan piksel jednak je jednoj tački na ekranu računara (ovo je najmanja podjela rezolucije vašeg ekrana). Mnogi web dizajneri koriste piksele u web dokumentima kako bi osigurali da web stranica izgleda savršeno u pikselima kada se prikaže u pretraživaču. Jedini problem je što se pikseli ne mogu povećati da bi se prilagodili slabovidnim čitačima ili smanjiti radi lakšeg čitanja na mobilnim uređajima.

Poeni ( pt): Tačke se tradicionalno koriste u štampanim medijima (tj. za sve što se štampa na papiru). Jedan bod je jednak 1/72 inča. Tačke su vrlo slične pikselima po tome što imaju fiksnu veličinu i ne mogu se povećati/smanjiti.

1. postotak ( % ): Postotak je vrlo sličan em , osim nekoliko ključnih razlika. Prvo, trenutna veličina fonta je 100% (tj. 12pt = 100%). Korištenje jedinice za postotak omogućava vam da povećate/smanjite svoj tekst radi lakšeg čitanja.

Koja je razlika?

Razliku između ovih jedinica je lako razumjeti na konkretnim primjerima. Evo kako su međusobno povezani: 1em = 12pt = 16px = 100%. Hajde da vidimo šta se dešava kada povećamo veličinu glavnog fonta (koristeći CSS selektor tela) sa 100% na 120%.

Kao što vidite, Ems i Percentage se povećavaju kako se veličina osnovnog fonta povećava, ali Pixels i Dots ne. Lako je koristiti apsolutnu veličinu za svoj tekst, ali je mnogo lakše koristiti skalabilni tekst koji se prikazuje na bilo kojem uređaju. Stoga je poželjno koristiti jedinice Em i Percent za tekst web dokumenta.

EM ili procenat?

Otkrili smo da Point i Pixel nisu najbolje jedinice za web dokumente. Dakle, ostali su nam Em i Percent. Teoretski, Em i Percent su iste jedinice, ali u praksi postoje male razlike između njih koje se ne mogu zanemariti.

U gornjem primjeru koristili smo jedinicu Procenat kao osnovnu veličinu fonta (za oznaku tijela). Ako promijenite osnovnu veličinu fonta iz Percent u Em (tj. tijelo (veličina fonta: 1em; )), vjerovatno nećete primijetiti razliku. Hajde da vidimo šta se dešava kada je veličina fonta tela 1em i kada klijent promeni postavku pretraživača "Veličina teksta" (ova postavka je dostupna u nekim pretraživačima, kao što je Internet Explorer).

Kada je veličina teksta u pretraživaču klijenta postavljena na "srednja", nema razlike između Em i Percent. Ali ako promijenite ovu postavku, razlika će postati prilično primjetna. Sa postavkom Najmanji, Ems je mnogo manji od Procenta. A sa postavkom "Najveći", istina je suprotno - Em je mnogo veći od Procenta. Moglo bi se reći da su jedinice Em skalirane kako bi i trebale biti, ali u praksi je takav tekst skaliran previše oštro, a na nekim uređajima i najmanji tekst postaje nečitljiv.

Zaključak

U teoriji, jedinica Em je novi standard za veličinu fonta u web dokumentima, ali u praksi se ispostavilo da je jedinica Percent jednostavnija za korištenje. Kada se postavke klijenta promijene, tekst koji koristi jedinicu postotaka se skalira na odgovarajući način, omogućavajući dizajnerima da zadrže čitljivost, pristupačnost i vizualni dizajn.

Dobitnik: procenat (%).

Obično kada kreiram novi dizajn, koristim procente za element tijela (tijelo (veličina fonta: 62,5%; )), a zatim koristim ems za dalje skaliranje. Sve dok su postavke tijela postavljene na Percentage, možete koristiti ili Percentage ili Em za bilo koja druga CSS pravila i selektore i još uvijek iskoristiti prednosti korištenja Procenta kao vaše primarne veličine fonta.

U posljednjih nekoliko godina ova praksa je postala vrlo česta u web dizajnu.
Pikseli se sada koriste kao važeće jedinice veličine fonta (korisnici mogu koristiti funkciju "zumiranja" pretraživača za čitanje malog teksta). Međutim, korištenje piksela postaje problematično zbog mobilnih uređaja s ekranima s vrlo velikom gustoćom piksela (neki Android uređaji i iPhone imaju gustinu od 200-300 piksela po inču, što otežava čitanje fontova od 11 i 12 piksela). Dakle, i dalje koristim Percentage kao glavnu veličinu fonta za web dokumente.