Cufon fonts have faint background in BrowserLab (diff to other Browser testing tools)

Problem Description
I am seeing a faint background for fonts that are rendered using Cufon AND have a hover state applied. This effects IE9 and IE7 but not IE6. This background is most evident in IE7 but can still be seen in IE 9.
Fonts rendered with Cufon that do not have a hover state are rendered without this background; for example the body text.
I am using the latest Cufon library v1.09i which is confirmed as supporting IE9.
I am uncertain if this effect is isolated to Browser Lab as it is not appearing using another testing tool e.g. http://ipinfo.info/netrenderer/index.php
Steps to Recreate
1. URL http://psl.rockingdesign.co.nz
2. I am running on a Mac using the main BrowserLab interface
Expected Results
The entire page is rendered using Cufon.
Actual Results
Cufon is being rendered but text that has a hover state is showing a faint background color.
Screenshot from BrowserLab
http://sandbox.rockingdesign.co.nz/images/cufon-with-hover-state.jpg
Screenshot from Net Renderer
http://sandbox.rockingdesign.co.nz/images/ie-netrenderer.jpg
I have not been able to test IE8 as the requests are currently hanging.

Thanks for the report. I've repro'ed this and passed it along to the team. We'll update when we have an answer.
Thanks,
Mark

Similar Messages

I have Windows 7, Firefox 8. Any other browser will play YouTube except for Firefox. I have installed and ininstalled Flash, restarted each time. The You Tube page also looks funny.

I have also tried http and https.

The latest Adobe Flash plugin adds a 64-bit player as well as the standard 32-bit player. Youtube seems to set a cookie that conflicts with the 64-bit version and therefore causes you to see a black screen when trying to play videos. All you will need to do is go to the Firefox menu on the top left, then go to History -> Clear Recent History. From there, make sure both Cookies and Cache are checkmarked (feel free to uncheck everything else) and then make sure that the "Time range to clear" setting has "Everything" selected. After that, click the Clear Now button and you're done. You should now be able to play Youtube (and presumably) other videos again.

Why are my @font-face fonts so much thicker on firefox than any other browser?

Here is a side by side comparison of the same text in chrome and firefox. Chrome renders it correctly. [http://mvmdesign.org/other/Chrome%20Font.png Chrome Font] [http://mvmdesign.org/other/Firefox%20Font.png Firefox]

Found the answer in another thread. Went from 7.2 GB to 1.12 GB after restore and backup.

OTF/PS fonts have recently stopped rendering in Flash Pro CS3 on Windows 7/64

Recently, a number of my OTF/PS fonts have stopped rendering when used in Flash Pro CS3. The fonts appear in the fonts menu, render properly in the font preview popup in the font menu, but the fonts fail to render on stage when used, with certain exceptions:
--If Bitmap Text is selected, the fonts appear (but aliased)
--If Anti-alias for animation is selected, then the text appears when text insertion is active in the text box, but vanishes when focus shifts to another element, tool, selection
In all other cases and for all other settings (yes, including black text with 100% alpha on a white background, etc etc), the text shows solely as transparent. You can select the text (although not see what you're selecting), cut and paste, and as you change the font size, kerning, justification, bold, italic, etc, the text boxes resize as normally expected; simply, the text does not show up.
The fonts work normally in all other CS3 and Windows applications, and up until about last week (Dec 12 or so), used to work fine in Flash.
The problem fonts appear to be (primarily Open Type Format) Post Script Outline fonts.
I have installed all Windows updates, Flash Pro CS3 updates, deleted the Flash user config files, deleted and reinstalled the fonts, and copied the fonts to the C:/user/Program Files/Common/Adobe/Fonts folder.
There were no new installations (applications, fonts, etc) around the time when the error started showing up, aside from possibly Windows updates.
Given the timing (worked fine Tuesday, failed on Wednesday), I believe a Windows update may have been at least partially responsible, though perhaps it's the Mayan apocalypse.
Running Flash Professional CS3 on a Windows 7 64 bit system.

uninstall windows update kb2753842

How can I have a background color in a piece of htmltext only?

Hi all,
I use dynamic text and htmltext.
Is it possible to have a background color only in a piece of
text?
for example:
my_dynamic_text.htmlText = "This is a text <font
backgroundcolor='#000000' color='#0000FF'> color </font";
Do I have to do it with another way?
Thank you in advance

Thanks, but I want to change the background color only in one
word, not all of the text.

Google and wikipedia have black backgrounds in firefox, white in explorer. Why? I changed no setting.

I'm running Vista 64, have Windows color scheme set to aero, not high contrast, and firefox background color is set to gray. I don't like this white font on black background I'm getting in Google and Wikipedia. These two websites are fine in explorer. There must be a way to change this, right?

I solved it myself and maybe someone else has the same "problem".
Google. It's Google. I played around a bit with safe mode and when I disabled the ad blocker the videos came back.
Google have decided not to let anyone watch their videos if the ads are blocked by AdblockPlus. Maybe this applies to other blockers too. On Maxthon, ads can still be blocked as it's still relatively small. But FireFox is now forced to up their game or knuckle under.

UITableView section header: How to find out font size and background color

Hi, does anyone know how to find out the default font and default background color(or image?) used in the section header of a tableView
I'd like to create a view with the same background color/image and use the same font (with different color) used by the section header

I don't think there are any getter methods for a section header. But I wouldn't be surprised if the header was an object. You might try setting some header text to a key string and searching recursively through all the subviews for objects that respond to a text message. It might help to also print the description of objects that don't respond to text. I haven't tried this yet, but will let you know if I get any useful results.
I guess another approach would be to use viewForHeaderInSection to set the font and color to whatever you wanted. Then you wouldn't have any problem matching it.

How can I add more than one same spry menu (eg. collapsible menu) with in different styles (font size, color, background, etc) on current page?

How can I add more than one same spry menu (eg. collapsible menu) with in different styles (font size, color, background, etc) on current page?

Hi Nancy,
This screenshot was only for imagination. A part of the code (not all) is below. In the code there are some background images but they are not seem in live mode.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/my_site.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css"/>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<style>
#CollapsiblePanel1 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-color: #003366;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel1 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    line-height: 52px;
#CollapsiblePanel1 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 52px;
#CollapsiblePanel2 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/international.jpg);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel2 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel2 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel2 .CollapsiblePanelContent {
    background-color: blue;
#CollapsiblePanel3 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel3 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel3 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel4 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel4 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel4 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel5 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel5 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel5 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
</style>

Images in themes no longer have transparent background after upgrade?

I've just upgraded to iLife 09 and also Snow Leopard. Unfortunately when I open iDVD the 7.0 themes won't load properly. There is no dropzone in the Revolution theme and the Sunflower theme moving images no longer have transparent background so have black backgrounds. Even the Apple icon has a black background, it's as though the gifs have gone to jpegs and no longer transparent??
Older themes seem to work better but the Apple icon always has a black background?
I've deleted the preferences for iDVD but it hasn't helped & loaded all the updates that the system is telling me to. Any ideas?

Hi thanks for reply & the useful app. I've deleted and reinstalled just iDVD v7 but I still have the same problem. Indeed reading around it looks like older macs cannot handle the new version but my iMac is relatively new so assume many more folks would have the same issue but I can't find anyone else with the same issue as me? Also these exact same themes ran fine before my upgrades (OS & iLife) All other apps run fine.
I did burn a disk & the quality was terrible on a DVD player, fine on a PC/Mac. I thought I hadn't selected PAL but all the settings seemed ok but its B&W and scratchy from the DVD player.
See hardware details below.
Hardware Overview:
Model Name: iMac
Model Identifier: iMac7,1
Processor Name: Intel Core 2 Duo
Processor Speed: 2.8 GHz
Number Of Processors: 1
Total Number Of Cores: 2
L2 Cache: 4 MB
Memory: 4 GB
Bus Speed: 800 MHz
Boot ROM Version: IM71.007A.B03
SMC Version (system): 1.21f4
Serial Number (system): W87510NEX8A
Hardware UUID: 00000000-0000-1000-8000-001EC2061655
ATI Radeon HD 2600 Pro:
Chipset Model: ATI,RadeonHD2600
Type: GPU
Bus: PCIe
PCIe Lane Width: x16
VRAM (Total): 256 MB
Vendor: ATI (0x1002)
Device ID: 0x9583
Revision ID: 0x0000
ROM Revision: 113-B2250F-219
EFI Driver Version: 01.00.219
Displays:
iMac:
Resolution: 1920 x 1200
Pixel Depth: 32-Bit Color (ARGB8888)
Main Display: Yes
Mirror: Off
Online: Yes
Built-In: Yes
Display Connector:
Status: No Display Connected

What do I have to do in creating a Keynote presentation on my MAC so that when I send it to my iPad, I don't have to re-do the presentation all over again as the fonts have changed, sizing has changed and everything is basically a mess?

What do I have to do in creating a Keynote presentation on my MAC so that when I send it to my iPad, I don't have to re-do the presentation all over again as the fonts have changed, sizing has changed and everything is basically a mess?
I have downloaded many of my previous Keynote presentation into my new ipad mini and not ONE has opened properly
Rather defeats the purpose of icloud, synching, Keynote on IOS etc doesn't it?
Any tips anyone?
Cheers
Philip

Thanks for this Gary. Much appreciated. Will help with future ones.
Still a bit like using keynote in 'safe mode' and very limiting.
If anyone produces an 'auto convert' app that will save me the work of fixing existing presentations slide by slide, I'm buying it :-)
Thanks again

Is there any way to bring back the font type and background of Safari reader from iOS6 in to the iOS7 ? I really miss it, the new design is awful, simple and has now class at all.

Is there any way to bring back the font type and background of Safari Reader from iOS6 in to the iOS7 ? I really miss it, the new design is awful, simple and has now class at all.

I agree with you, many things in the ios 6.x were more elegant. The reader was the most one of them. I think the ios7 wants to be the windows 8.

How would you do this "star burst" tutorial but have transparent backgrounds when you're finished

I been playing around with this tutorial and have a really fun project to apply it to, but I really need a transparent background so I can use it on a couple different backgrounds. I tried just selecting the backgrounds and snipping them out, but can't figure out how stop the gradient layer at top from filling the entire background. I also tried just flattening it and cutting it out. Really neither of those solution make for anything that look slick. Is there another way to do this tutorial or way to not have a background at the end? I'm using Adobe Photoshop CS4, thanks.
http://www.photoshopessentials.com/photoshop-text/text-effects/light-burst/

csuebele wrote:
Yes, Trevor is correct about the antlines. They are only an average of the selection. There are lots of ways to create burst effects like this. You could smooth out the jagged lines with a slight radial blur. The only problem with it is that you either have to have what you want to blur perfectly centered in you document, or attempt to guess where the center is in the very small dialog box. With the above image, I use the angle gradient tool set to noise. This give a wild multcolored gradient, which I then converted to B&W, adjusted the contrast, put in screen mode, and manually masked the areas I wanted.
Jack you have some great workflow ideas. Using the gradient tool that way was new to me, but what a great tool to have in your virtual Photoshop toolbox. I had to hunt for how to set the Angle gradient to noise, but these two links did the trick for me:
http://www.webdesignerdepot.com/2010/07/exploring-photoshop%E2%80%99s-angle-gradient-tool/
http://help.adobe.com/en_US/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-77e1a.h tml
(Click on create noise gradients or scroll to the bottom of the screen).

Why did iTunes suddenly become white font on black background?

For no reason I can ascertain, my iTunes window suddenly became white font on black background, VERY difficult to see!
Help, please!!!

Figured it out, fixed it. In app Onyx, I had checked, in the iTunes file, "High Contrast". I unchecked that and everything is back to normal - black on white. Hope this message gets around to others writing about this.

Email fonts have changed and scroll bar missing

Not sure how, but when using Firefox and opening my email all my fonts have changed to 8pt size and all regular font (i.e., not bold for unread msgs) and the scroll bar is missing.
When I open email using another browser, all email settings are consistent/normal as they were before and the scroll bar is visible/in position.

Not sure how, but when using Firefox and opening my email all my fonts have changed to 8pt size and all regular font (i.e., not bold for unread msgs) and the scroll bar is missing.
When I open email using another browser, all email settings are consistent/normal as they were before and the scroll bar is visible/in position.

Fonts have disappeared

Hi, i'm hoping someone can help me....
Im having issues with font book. It's currently empty and all my fonts have disappeared. If i try to install a font it will appear in font book until i restart my computer, then it will disappear again. All Microsoft fonts are non-existent. The only fonts i can access in Microsoft applications are Mac System fonts (which aren't very many). I have looked in the font disabled folder and its empty. I have also downloaded linotype font explorer and it hasn't helped the situation.
This problem all started when i downloaded some fonts from the net for teaching purposes (which i will never do again after all the problems its caused me).
Can anyone help with idea's on how to restore all my fonts? Any advice is much appreciated.
Thanks
Ell

These fonts are not standard system fonts. They were most likely added by another app or you installed them manually at some point. For OCR A and B, the old Bitstream versions are installed by CorelDraw for instance. Without knowing which app it actually was, though, your best option is to track them down using font sites such as DaFont.
Mylenium

Cufon fonts have faint background in BrowserLab (diff to other Browser testing tools)

Similar Messages

Maybe you are looking for