{"id":1870,"date":"2008-06-19T19:07:05","date_gmt":"2008-06-20T00:07:05","guid":{"rendered":"http:\/\/www.allyngibson.net\/?p=1870"},"modified":"2008-06-19T19:07:05","modified_gmt":"2008-06-20T00:07:05","slug":"on-firefox-follies","status":"publish","type":"post","link":"http:\/\/www.allyngibson.com\/?p=1870","title":{"rendered":"On Firefox Follies"},"content":{"rendered":"<p>On Tuesday the Mozilla Corporation decided to set a world-record for number of downloads in a day for their new Firefox 3 web browser.<\/p>\n<p>Even though I love <a href=\"http:\/\/www.opera.com\/\">Opera<\/a> and would never, ever part from it, I decided I would do my part and download Firefox 3, to help Mozilla set their record.<\/p>\n<p>Of course, Firefox couldn&#8217;t have predicted that their PR scheme would <a href=\"http:\/\/www.theregister.co.uk\/2008\/06\/18\/mozilla_firefox_3_record\/\">result in a self-inflicted DDoS attack on their servers<\/a>. \ud83d\ude06<\/p>\n<p>I installed Firefox 3, to keep it around as a back-up browser.  (Some websites will work only in IE or Firefox.  Opera and Safari users, we might as well be lepers.)<\/p>\n<p>And then I discovered that my website was unreadable.<\/p>\n<p>I surfed the &#8216;net.  I discovered that about half the websites I visited were unreadable.  Fonts were rendered <i>very<\/i> small for some reason.<\/p>\n<p>I think it&#8217;s a bug in the Gecko 1.9 engine that Firefox 3 uses.<\/p>\n<p>Through trial and error I discovered that this line of code &mdash;<br \/>\n<code>font: 70%\/1.5em Verdana, Tahoma, arial, sans-serif;<\/code><br \/>\nin my stylesheet I had to turn into this &mdash;<br \/>\n<code>\tfont-size: 70%\/1.5em;<br \/>\nfont-family: Verdana, Tahoma, arial, sans-serif;<\/code><br \/>\nand then everything was fine.<\/p>\n<p>Strangely enough, it worked fine as is in Firefox 2.x, Safari, Internet Explorer, and Opera, but in Firefox 3, it broke.<\/p>\n<p>And now we&#8217;re good to go. \ud83d\ude42<\/p>\n<p>But you know what I miss when I look at the website in Firefox?  The text shadow effects on titles.  I guess text-shadow is one CSS3 selector that hasn&#8217;t made it into Firefox yet, even though it&#8217;s in Opera 9.5 and Safari 3. *shrug*<\/p>\n<p><b>ETA:<\/b> You know what?  Scratch all that.  I had to undo the change I made to style.css, because even though it made things readable in FF3, everything became <i>giant<\/i> in other browsers.<\/p>\n<p>This requires more research.<\/p>\n<p><b>ETA(2):<\/b>  Research turns up that Firefox 3 handles em measurements oddly.  So, the line<br \/>\n<code>font-size: 70%\/1.5em;<\/code><br \/>\nwas changed to<br \/>\n<code>font-size: 11px;<\/code><br \/>\nAnd now everything is legible.<\/p>\n<p><b>ETA(3):<\/b>  Nope.  The problem was on my end.  I think.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>On Tuesday the Mozilla Corporation decided to set a world-record for number of downloads in a day for their new Firefox 3 web browser. Even though I love Opera and would never, ever part from it, I decided I would do my part and download Firefox 3, to help Mozilla set their record. Of course,<a class=\"more-link\" href=\"http:\/\/www.allyngibson.com\/?p=1870\">Continue reading <span class=\"screen-reader-text\">&#8220;On Firefox Follies&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4095],"tags":[57,498,351,4096],"class_list":["post-1870","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-css","tag-firefox","tag-meta","tag-wordpress","entry"],"_links":{"self":[{"href":"http:\/\/www.allyngibson.com\/index.php?rest_route=\/wp\/v2\/posts\/1870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.allyngibson.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.allyngibson.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.allyngibson.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.allyngibson.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1870"}],"version-history":[{"count":0,"href":"http:\/\/www.allyngibson.com\/index.php?rest_route=\/wp\/v2\/posts\/1870\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.allyngibson.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1870"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.allyngibson.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1870"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.allyngibson.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}