|
|
||||||
|
||||||
| Index Link To US Private Messages Archive FAQ RSS | ||||||
| Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability. |
Share Thread: & Tags
|
||||
|
![]() |
|
|
LinkBack | Thread Tools | Display Modes |
|
|||
|
The following code will not render the proper font color in Firefox or Netscape, but works fine in IE.
<p style="color:#9F4D21; font: bold 20px/1.5em verdana, sans-serif;">DON'T FORGET OUR EVENT ON</p> If you lower the font size to 16px or lower it works fine. <p style="color:#9F4D21; font: bold 16px/1.5em verdana, sans-serif;">DON'T FORGET OUR EVENT ON</p> Anyone know what is going on or if there is a workaround? Any help is greatly appreciated. Last edited by crankydave; 03-26-2008 at 04:38 PM. Reason: remove link from copy and paste to same post elsewhere |
|
||||
|
Try changing the style to this:
Code:
<p style="color:#9F4D21; font: 20px/1.5em verdana, sans-serif; font-weight:bold;">DON'T FORGET OUR EVENT ON</p>
__________________
. Printer ink & toner cartridges in Canada | Web Payroll, online HR tools, time & attendance |
|
|||
|
I've tried all variations, but for some reason going from 16 to 18px forces the color to change to blue only in Firefox and Netscape. If I use a different hex color then it will work in some instances, but certain colors ranges still change to blue.
The orange used in this instance goes with an overall marketing color pallete so I don't have an option to change it. |
|
|||
|
I created this style in the head of the an html doc:
<style type="text/css"> <!-- .dontforget { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #9F4D21; } --> </style> I then applied it to the text DON'T FORGET OUT EVENT ON with this code: <body class="dontforget"> It worked fine in IE 6 and Firefox 2.0.0.12. I did not include the /1.5 em which Dreamweaver told me was not supported syntax. ...Duane |
|
||||
|
doing it in long hand font-size:1.5em; should work just fine.. px should never be used for fonts. ems is the correct syntax for font size.
__________________
Ron Boyd website consulting (design, optimization, marketing) :: Follow Me: @orionsweb |
|
|||
|
So finally figured it out. There is a bug with Firefox and Catalyst drivers which cause the font colors to render incorrectly.
Web site colors are wrong Turning on Cleartype fixed it. |
|
|||
|
Quote:
|
![]() |
|
| Thread Tools | |
| Display Modes | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Link color problem | ncriptide | Graphics & Design Discussion Forum | 6 | 02-01-2008 04:00 AM |
| Problem with Arial Font on PC | dharrison | IT Discussion Forum | 1 | 02-10-2006 07:28 AM |
| problem with font and font sizes... | jdyndale | Accessibility and Usability Forum | 5 | 01-20-2006 06:39 AM |
| MSIE 6 Font Problem | webmasterjunkie | IT Discussion Forum | 2 | 05-05-2005 03:07 PM |
| A Font Color Problem: www.victorian-music.com | Najoba | Graphics & Design Discussion Forum | 7 | 11-10-2004 07:16 PM |
|
WebProWorld |
Advertise |
Contact Us |
About |
Forum Rules |
MVP's |
Archive |
Newsletter Archive |
Top |
WebProNews
WebProWorld is an iEntry, Inc. ® site - © 2009 All Rights Reserved Privacy Policy and Legal iEntry, Inc. 2549 Richmond Rd. Lexington KY, 40509 |