CSS tekstų dydžiai

pbg
rašant apie šriftų dydžius
EnC pamanė
jog CSS nurodomi šriftų dydžiai yra blogai
, nes juos naudojant
neveikia šrifto sumažinimo ar padidinimo galimybės naršyklėse. Tai ne
visai tiesa. Štai pavyzdys:

<style>
p.pixeliais  { font-size: 14px; }
p.emais      { font-size: 1em;  }
p.procentais { font-size: 100%; }
p.taskais    { font-size: 14pt; }
</style>
<p class="pixeliais">Čia nurodyta pikseliais</p>
<p class="emais">Čia nurodyta emais</p>
<p class="procentais">Čia nurodyta procentais</p>
<p class="taskais">Čia nurodyta taškais</p>

Mozilla didina šriftus visais šiais atvejais (View->Text
Zoom
), tuo tarpu IE pikseliais ir taškais nurodytus šriftų
dydžius palieka nepakeistus (View->Text Size). Nežinau
kaip tiksliai turėtų būti teisinga (t.y. ar turėtų didinti šriftų
dydžius jei jie nurodyti pikseliais), bet jau senokai būtent dėl šitos
savybės stengiuosi nenaudoti px ir pt, o
stengtis viską nurodyti procentais arba em‘ais.

7 Comments

  1. Aš defaultiniui fontui į body įrašau pikseliai, o visus kitus jau em. Tada viskas tvarkingai atrodo ir Mozilloj ir IE.

  2. ash nepamaniau, kad tai yra blogis :) man tai kaip tik gerai, kad jokie increasinimai ar decreasinimai neishkraipo puslapio dizaino :))

  3. O kaip tik turėtum leisti didinti teksto dydį be jokių problemų. Vat mano dėdė yra sunkiai primatantis pensininkas, bet teksto padidinimo featuro normaliai gali perskaityti daugumą svetainių.

  4. tai vadinama accessability ir yra vertinama. profesionalus puslapis turetu taikytis prie vartotojo, o ne vartotojas prie puslapio..

  5. Su šituo dalykų istorija labai savotiška ir čia nesiplėsiu, tik tiek, kad šriftų dydžio keitimas aka Text Zoom pirmiausia atsirado (surprise!) IE/Mac, paskui numigravo į kitas naršykles, vienu ar kitu pavidalu. O vat IE/Win šito gerio taip ir nesulaukė iki šiol…

Comments are closed.