Nggunakake Ems kanggo ngganti ukuran font
Nalika sampeyan mbangun kaca Web, paling profesional nyaranake sampeyan ukuran font (lan ing kasunyatan, kabeh) kanthi ukuran relatif kayata em, ex, persentase, utawa piksel. Iki amarga sampeyan pancene ora ngerti kabeh cara sing bisa dideleng wong. Lan yen sampeyan nggunakake langkah Absolute (centimeters, millimeters, points, utawa picas), sampeyan bisa mangaruhi tampilan utawa kabaca kaca ing piranti sing beda-beda.
Lan W3C nyaranake sampeyan nggunakake em kanggo ukuran.
Nanging carane Big punika Em?
Miturut W3C em:
"witjaksono karo nilai kira-kira saka 'ukuran font-font' ing unsur sing digunakake. Pangecualian nalika 'em' ana ing nilai saka 'ukuran font' dhewe, kanggo ukuran font saka unsur induk. "
Ing tembung liyane, ems ora duwe ukuran absolut. Padha njupuk nilai ukuran sing adhedhasar lokasi. Kanggo paling perancang Web , iki tegese padha ing browser Web, supaya font sing paling dhuwur ukurane meh padha karo ukuran font standar kanggo browser kasebut.
Nanging carane dhuwur minangka ukuran standar? Ora ana cara kanggo 100% tartamtu, amarga pelanggan bisa ngganti ukuran font standar ing browser, nanging amarga paling ora sampeyan bisa nganggep yen paling browser duwe ukuran font standar 16px. Dadi sing paling wektu 1em = 16px .
Pikirake Piksel, Gunakake Ems kanggo Ukara
Yen sampeyan ngerti yen ukuran font standar 16px, sampeyan bisa nggunakake ems kanggo ngidini klien ngubah ukuran kaca kanthi gampang nanging mikir ing piksel kanggo ukuran font sampeyan.
Ngomong duwe struktur sizing kaya iki:
- Headline 1 - 20px
- Judul 2 - 18px
- Headline 3 - 16px
- Tèks utama - 14px
- Sub teks - 12px
- Cathetan - 10px
Sampeyan bisa nemtokake cara sing nggunakake piksel kanggo pangukuran, nanging banjur wong nggunakake IE 6 lan 7 ora bakal bisa ngowahi ukuran Panjenengan kanthi apik. Supaya sampeyan kudu ngonversi ukuran menyang ems lan iki mung prakara sawetara math:
- Headline 1 - 1.25em (16 x 1.25 = 20)
- Headline 2 - 1.125em (16 × 1.125 = 18)
- Headline 3 - 1em (1em = 16px)
- Tèks utama - 0.875em (16 x 0.875 = 14)
- Sub teks - 0.75em (16 x 0.75 = 12)
- Cathetan - 0.625em (16 x 0.625 = 10)
Aja Lali Pusaka!
Nanging sing ora kabeh ana ems. Ing bab liyane sampeyan kudu ngelingi sing padha njupuk ukuran saka tiyang sepah. Dadi, yen sampeyan duwe unsur nested kanthi ukuran font sing beda-beda, sampeyan bisa nganggo font sing luwih cilik utawa luwih gedhe tinimbang sing dikarepake.
Contone, sampeyan bisa duwe sheet gaya kaya iki:
p {font-size: 0.875em; }
.footnote {font-size: 0.625em; }
Iki bakal nyebabake fonts sing ana 14px lan 10px kanggo teks utama lan footnotes. Nanging yen sampeyan nulis aksara ing sajrone paragraf, sampeyan bisa nganggo teks sing luwih dhuwur 8.75px tinimbang 10px. Coba dhéwé, sijine iki CSS ing ndhuwur lan HTML ing ngisor iki dadi dokumen:
Huruf iki dhuwuré 14px utawa 0.875 em.
Paragraf iki nduweni footnote ing ngisor iki.
Nalika iki mung bagean sikil.
Teks dhuwit footnote hard kanggo maca ing 10px, meh ora bisa dibaca ing 8.75px.
Dadi, nalika sampeyan nggunakake ems, sampeyan kudu banget weruh ukuran obyek induk, utawa sampeyan bakal rampung karo sawetara unsur-unsur ukuran banget aneh ing kaca.