Firefox Questions

  • 1
  • Question
  • Updated 9 years ago
  • Answered
First: Why do the fonts look rough in Firefox, and how do I fix it?
Second: Why is Firefox changing HEX color codes (e.g. #44dd77) to RGB color codes (e.g. rgb(67,237,8)?
Finally: Why DOES Firefox work better with SynthaSite than IE?
Photo of Techjar

Techjar

  • 122 Posts
  • 3 Reply Likes
  • curious

Posted 10 years ago

  • 1
Photo of Diane

Diane

  • 90 Posts
  • 10 Reply Likes
Techjar-

Can I see a link to your site so that I can look at the fonts for myself?

Thanks!

Diane
- Graphic Designer, SynthaSite, Inc.
Photo of Techjar

Techjar

  • 122 Posts
  • 3 Reply Likes
It's not just on my site...it's everywhere!
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
Firefox looks better because they use much better image rendering engines than IE
Photo of Diane

Diane

  • 90 Posts
  • 10 Reply Likes
Ok, I wasn't sure if you were talking about something that was specific to your site, or to the web in general.
Photo of Techjar

Techjar

  • 122 Posts
  • 3 Reply Likes
Why is Firefox changing HEX color codes (e.g. #44dd77) to RGB color codes (e.g. rgb(67,237,8) in the HTML?
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
I guess I would have to plead unsure on this one Techjar. If Firefox is changing their color codes I am not sure why. We will look into this and see if we can find out the answer.

Regards,
Emmy
Photo of Techjar

Techjar

  • 122 Posts
  • 3 Reply Likes
It still seems to work in other browsers such as IE, so I guess it's fine.
Photo of Freeform

Freeform

  • 3 Posts
  • 0 Reply Likes
What's also super interesting is that you can append/prepend another string prior to a cookie value (such as BLAHBLAHFFFFFF), and Firefox still knows it to be an RGB value. This tells me that they have a register of all HTML to RGB values. ...

I think it's one of those 'Got there first" things between browsers. All css will slowly shift to the RGB standard probably because RGB has more possible color combos, and/or is easier to parse/increment aspects of (ie:red amnt, green amnt, blue amnt, vs - #EHDUE2).

I actually used PHP strlen() and placed a "-" after every HEX character, and Firefox *still* recognized it as RGB......... That's just scary.

You guys didn't get the memo?
Photo of Freeform

Freeform

  • 3 Posts
  • 0 Reply Likes
Also, if any of you ran into this while programming in PHP, and need to set color cookies, use preg_match to check if the rgb exists if you run into parsing issues.


if (preg_match("/,rgb/", $_COOKIE['colors']) == "1")
{
$cookiemojo = explode(",rgb", $_COOKIE['colors']);
//blah blah blah - be sure to add the "rgb" back on in your foreach loop
}
else
{
$cookiemojo = explode(",", $_COOKIE['colors']);
//blah blah blah
}

// I am curious if Firefox reads raw numeric without the rgb() wrapper, ie:44,44,33, in which the explode function would need no future editing ///


I am not familiar with ASP, but here's a link to the preg_match equivalent
http://codingforums.com/showthread.ph...

- Best Regards
Photo of Greg

Greg

  • 14 Posts
  • 0 Reply Likes
All browsers are different from one another. Apple's (safari) looks best for images and such, but text looks a little blurry due how it smooths stuff out. Hence the reason why most graphic designers and other jobs use Mac computers. Chrome and mozilla use closely the same type of code for their browsers and make text and images look pretty good without using the "blur" effect, but text does look jagged when getting to the bigger sizes. IE Is better at running scripts, and html needs to be vedry exact which can be a good thing or a bad thing depending on what you are trying to do. It's also the slowest when loading images and such.
Photo of Greg

Greg

  • 14 Posts
  • 0 Reply Likes
I forgot to mention Opera, which is a very basic browser.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
That's really good info Greg.
Something new for me. Thanks.
Photo of Freeform

Freeform

  • 3 Posts
  • 0 Reply Likes
I feel like a dolt for not seeing the obvious solution - convert to rgb....

Here's a nice hex to rgb convertor (courtesy of http://www.javascripter.net/faq/hexto....
Great for this switchover/wtevr (most likely ie will now adopt rgb.)


////////////////////////////javascrizzle
function HexToR(h) {return parseInt((cutHex(h)).substring(0,2),16)}
function HexToG(h) {return parseInt((cutHex(h)).substring(2,4),16)}
function HexToB(h) {return parseInt((cutHex(h)).substring(4,6),16)}
function cutHex(h) {return (h.charAt(0)=="#") ? h.substring(1,7):h}
color = 'FFFFFF';
alert('rgb(' + String(HexToR(color)) + ',' + String(HexToG(color)) + ',' + String(HexToB(color)) + ')');
///////////////////////////