PHP fórum

Blizzy · před 3 lety

Zkuste zobrazit následující kód v některém z prohlížečů IE8, Firefox, Opera (nebo cokoliv co není na Webkitu), a následně v některém založeném na jádře Webkit (Chrome, Safari, …).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
        <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
        <title>Monospace font test</title>
</head>
<body style="font-size: 1em">
        <pre style="font-family: 'Courier New', monospace">
        font-family: 'Courier New', monospace
        </pre>
        <pre style="font-family: 'Courier New'">
        font-family: 'Courier New'
        </pre>
</body>
</html>

Problém je v tom, že pokud se ve font-family vyskytně font monospace (nebo i pokud žádný vlastní font nezadám), tak Webkit z mnou nepochopitelného důvodu písmo zmenší. Máte někdo nějaký nápad, jak to udělat tak, aby bylo písmo všude stejné (a přesto relativní velikosti)?

Samozřejmě je možné doplnit něco jako font-size: 11pt, ale aby se dal zvětšovat text v IE a taky abych zachoval pravidla přístupnosti, lepší by to bylo relativně.

Mimochodem, ani Firefox se v tomto případě nechová úplně tak, jak bych očekával, schválně zkuste přidat ještě jeden blok (se samotným monospace nebo monospace na prvním místě):

<pre style="font-family: monospace">
font-family: monospace
</pre>

Každopádně tohle se ještě dá pochopit, protože jeho velikost se řídí nastavením prohlížeče, ale u toho Webkitu mi to přijde špatné, protože monospace font by měl být až na druhém místě a nejdříve by se měl použít ten první.

David Grudl · před 3 lety

Dělá to Webkit i Mozilla. Mozillu lze oblafnout tímto:

pre,tt,code,kbd,samp {
        font-family:"Monospace font handling in Firefox is braindead",monospace
}

Webkit ale ani takto, takže suma sumárum, nevídím jiné řešení než používat velikost v absolutních jednotkách.

PHP fórum

#1 před 3 lety

Monospace font ve Webkit vs. ostatní prohlížeče

#2 před 3 lety

Re: Monospace font ve Webkit vs. ostatní prohlížeče

Zápatí