Nav svarīgi, kādu metodi šrifta izmēru noteikšanai iekš CSS
jūs izmantojat, tomēr dažreiz nepieciešams salīdzināt, kāds šrifta
izmērs atbilst dažādās vārtību sistēmās (piemēram, kāds izmērs iekš px
vai %, atbilst šrifts, ar izmēru 1.4 em) vai arī ātri pārvērst vienus
izmērus citos.
Vēl padoms, lai būtu vienkāršāk konvertēt izmērus no
Tādējādi, 1em tagad atbildīs 10px, kas jūtami vienkāršo aprēķinus. Piemēram, tagad
Vēl - par šriftu izmēru formatēšanas tegu (<small></small> u.t.t.) rezultātu dažādību atšķirīgos pārlūkos. To attēlo šāda tabula :
Pt | Px | Em | % |
---|---|---|---|
6 | 8 | 0.5 | 50 |
7 | 9 | 0.55 | 55 |
7.5 | 10 | 0.625 | 62.5 |
8 | 11 | 0.7 | 70 |
9 | 12 | 0.75 | 75 |
10 | 13 | 0.8 | 80 |
10.5 | 14 | 0.875 | 87.5 |
11 | 15 | 0.95 | 95 |
12 | 16 | 1 | 100 |
13 | 17 | 1.05 | 105 |
13.5 | 18 | 1.125 | 112.5 |
14 | 19 | 1.2 | 120 |
14.5 | 20 | 1.25 | 125 |
15 | 21 | 1.3 | 130 |
16 | 22 | 1.4 | 140 |
17 | 23 | 1.45 | 145 |
18 | 24 | 1.5 | 150 |
20 | 26 | 1.6 | 160 |
22 | 29 | 1.8 | 180 |
24 | 32 | 2 | 200 |
26 | 35 | 2.2 | 220 |
27 | 36 | 2.25 | 225 |
28 | 37 | 2.3 | 230 |
29 | 38 | 2.35 | 235 |
30 | 40 | 2.45 | 245 |
32 | 42 | 2.55 | 255 |
34 | 45 | 2.75 | 275 |
36 | 48 | 3 | 300 |
Vēl padoms, lai būtu vienkāršāk konvertēt izmērus no
em
uz px
un otrādi - uzstādiet šrifta izmēru priekš tega body
:
body { font-size: 62.5% }
font-size: 12px
būs tas pats, kas font-size: 1.2em
u.t.t.Vēl - par šriftu izmēru formatēšanas tegu (<small></small> u.t.t.) rezultātu dažādību atšķirīgos pārlūkos. To attēlo šāda tabula :
Tegs | Šrifta izmērs iekš Firefox 3.5, Chrome, Safari 4, px |
Šrifta izmērs iekš Opera 10, IE6,7,8, px |
---|---|---|
xx-small | 9 | 10 |
x-small | 10 | 12 |
small | 12 | 16 |
medium | 16 | 18 |
large | 18 | 24 |
x-large | 24 | 32 |
xx-large | 32 | 48 |