Sèvi ak Ems pou chanje gwosè font
Lè w ap bati yon paj entènèt, pifò pwofesyonèl rekòmande ke ou gwosè polis (ak an reyalite, tout bagay) ak yon mezi relatif tankou ems, ansyen, pousantaj, oswa piksèl. Sa a se paske ou reyèlman pa konnen tout fason diferan ke yon moun ta ka wè kontni ou. Men, si ou itilize yon mezi absoli (pous, santimèt, milimèt, pwen, oswa picas) li ka afekte ekspozisyon an oswa lizibilite nan paj la nan aparèy diferan.
Ak W3C a rekòmande ke ou itilize ems pou gwosè.
Men, ki jan Big se yon em?
Dapre W3C a yon em:
"se egal a valè a calculée nan 'font-gwosè' pwopriyete a nan eleman nan ki li te itilize. Eksepsyon a se lè 'em' rive nan valè a nan 'font-gwosè' pwopriyete nan tèt li, nan ka sa a li refere nan gwosè a font nan eleman paran an. "
Nan lòt mo, ems pa gen yon gwosè absoli. Yo pran sou valè gwosè yo ki baze sou kote yo ye. Pou pifò konsèpteur entènèt , sa vle di ke yo nan yon navigatè entènèt, se konsa yon font ki se 1em wotè se egzakteman menm gwosè a kòm gwosè a font default pou navigatè sa a.
Men, ki jan wotè se gwosè a default? Pa gen okenn fason yo dwe 100% sèten, kòm kliyan ka chanje gwosè default default yo nan navigatè yo, men depi pifò moun pa ou ka asime ke pi navigatè gen yon gwosè font default nan 16px. Se konsa, pi fò nan tan an 1em = 16px .
Panse nan piksèl, sèvi ak em pou mezi a
Yon fwa ou konnen ke gwosè a font default se 16px, ou ka Lè sa a, itilize ems yo ki pèmèt kliyan ou yo rdimansyonman paj la fasil men panse nan piksèl pou gwosè font ou.
Di ou gen yon estrikti dimensionnement tankou sa a:
- Tèt 1 - 20px
- Tèt 2 - 18px
- Tèt 3 - 16px
- Main tèks - 14px
- Sub tèks - 12px
- Nòt anba paj - 10px
Ou ta ka defini yo fason sa a lè l sèvi avèk piksèl pou mezi a, men Lè sa a, nenpòt moun ki lè l sèvi avèk IE 6 ak 7 pa ta kapab rdimansyonman paj ou byen. Se konsa, ou ta dwe konvèti gwosè yo nan ems ak sa a se jis yon kesyon de kèk matematik:
- Tèt 1 - 1.25em (16 x 1.25 = 20)
- Tèt 2 - 1.125em (16 × 1.125 = 18)
- Tèt 3 - 1em (1em = 16px)
- Main tèks - 0.875em (16 x 0.875 = 14)
- Sub tèks - 0.75em (16 x 0.75 = 12)
- Nòt anba - 0.625em (16 x 0.625 = 10)
Pa bliye eritye!
Men, se pa tout gen ems. Lòt bagay ou bezwen sonje se yo ke yo pran sou gwosè a nan paran an. Se konsa, si ou gen eleman enbrike ak gwosè font diferan, ou ta ka fini ak yon font pi piti oswa pi gwo pase ou ap atann.
Pou egzanp, ou ka gen yon fèy style tankou sa a:
p {font-gwosè: 0.875em; }}
.footnote {font-size: 0.625em; }}
Sa a ta lakòz polis ki 14px ak 10px pou tèks prensipal la ak footnotes yo respektivman. Men, si ou mete yon nòt nan yon paragraf, ou ka fini ak tèks ki 8.75px olye ke 10px. Eseye li tèt ou, mete sa a CSS ki pi wo a ak HTML sa yo nan yon dokiman:
Font sa a se 14px oswa 0.875 ems nan wotè.
Paragraf sa a gen yon nòt nan li.
Pandan ke sa a se jis yon paragraf nòt.
Tèks la footnote se difisil li nan 10px, li nan prèske ilegal nan 8.75px.
Se konsa, lè w ap itilize ems, ou bezwen trè okouran de gwosè yo nan objè paran yo, oswa ou pral fini ak kèk eleman vrèman enpè menm gwosè nan paj ou.