Home/ Questions/Q 8091735
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T20:07:54+00:00

I have some text on a page that is small but readable in Chrome/Safari

  • 0

I have some text on a page that is small but readable in Chrome/Safari (that’s how I intend it to be), but becomes microscopic in Firefox for some reason. Can anyone suggest a fix so that the text is readable in Firefox and IE?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>
    <title>WTF LBJ?!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<style type="text/css">

#credit {font-family: "helvetica"; font-size: 20%; color: black; text-align:center; }

</style>

<body>

    <div id="credit"; >
        Created by <a href="http://www.twitter.com/varunsshetty">Varun Shetty</a> and <a href="http://www.twitter.com/bcfromblo">Bobby Corp</a>. Inspired by LBJ and <a href="http://www.whatthefuckhasobamadonesofar.com">WTF Obama</a>. Bobby loves Lebron; Varun loves the idea of Lebron.<br>
        Sorry for the swear word, but LBJ gets people fired up.
    </div>

</body>

</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    20% is equal to 0.2em, or 1/5 of the font size. My guess is that Chrome / Safari have a minimum font size configured to keep this readable. Try adjusting the font-size to something higher, like 0.4em and see if it actually becomes bigger in Chrome / Safari. If it doesn’t, you’ve just hit a browser-defined minimum and the “real” font size is actually smaller.

    ↪ Example

    • 0