Prieš kelias dienas man rimtai parūpo sutvarkyti vieno savo projektų dizainą. Kadangi ten daug teksto, tai nutariau patyrinėti kokiu šriftu geriau visą tą tekstą rodyti.

Problema gali atrodyti trivialiai išsprendžiama (parinkti Arial ir nesukti sau galvos), bet iš tiesų viskas yra sudėtingiau — neretai su geru šriftu, bet parinkus vidutinį dydį (kad akiniuočiai ir senimas įskaitytų) tekstas atrodo prastai.

Susiprogramavau sau tokį PHP skriptuką, kuris man parodytų visus protingo dydžio Arial, Tahoma ir Verdana dydžius:

<style type="text/css">

        .a { font-family: Arial; }
        .t { font-family: Tahoma; }
        .v { font-family: Verdana; }

        td {
            vertical-align: top;
        }

</style>
<table border="1" cellpadding="5" cellspacing="0">
<thead><tr><th>size</th><th>Arial</th><th>Tahoma</th><th>Verdana</th></tr></thead>
<tbody>
<?php

for ($i=8; $i<32; $i++)
{
    echo "<tr style=\"font-size: {$i}px\">";
    echo "<td>$i</td>";
    foreach (array("a", "t", "v") as $font)
    {
        echo "<td class=\"$font\">";
        echo "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consequat tortor nec mi dignissim lobortis. Nulla pharetra viverra velit, vitae tincidunt diam bibendum a. Proin ultrices consectetur leo sit amet gravida. In venenatis placerat dictum. Maecenas eu elit non elit interdum tempor aliquam vel leo. Etiam ut posuere nibh. Phasellus quis tortor quis felis gravida rutrum. Nunc id molestie tortor. Maecenas eros neque, pulvinar sit amet elementum nec, aliquet id justo. Suspendisse elementum, magna facilisis iaculis laoreet, sem orci vulputate tortor, vitae adipiscing lorem orci vitae orci. Morbi accumsan consequat purus in sagittis. Duis in lacinia justo. Proin viverra rhoncus nunc, sit amet hendrerit urna mollis in. Integer eget augue pulvinar metus interdum egestas. Curabitur aliquam massa quis est lacinia in pulvinar nulla consequat. Aliquam erat volutpat.</p>";
        echo "<p>Quisque nec mauris orci. Cras tristique quam nec tortor adipiscing blandit. Quisque at purus lorem. Nam pellentesque ligula vel nisl imperdiet elementum sollicitudin orci iaculis. Vivamus ligula velit, accumsan sollicitudin lacinia vitae, luctus et tortor. Vestibulum aliquet fermentum mattis. Praesent luctus bibendum magna, ac interdum odio faucibus in. Nunc arcu ipsum, dignissim id aliquet ac, pretium ut arcu. Nullam sit amet est urna, at tincidunt quam. Suspendisse quis est eget dolor placerat commodo. Aenean augue metus, venenatis non pulvinar nec, dapibus nec quam. Morbi imperdiet scelerisque ante, vel dapibus leo tristique blandit. Donec neque nunc, pretium ac lacinia ut, adipiscing nec erat. Integer et enim vitae enim sollicitudin fringilla in vitae nisl.</p>";
        echo "</td>";
    }
    echo "</tr>";
}

?>
</tbody></table>

Rezultatą galite pamatyti čia (dydžiai nurodyti px).

Peržiūrėjau paskiau tą sąrašiuką ir susirašiau, kuriais šriftais ir dydžiais tekstą man lengviau skaityti.

Čia taip pat reikia atkreipti dėmesį, kad skirtingos naršyklės ir operacinės sistemos tuos šriftus dar ir skirtingai rodo — reikia pasitestuoti su tomis, kurias naudos dauguma jūsų lankytojų.