Fonts look dull when published

I recently published my website to my new server. The font colors are extremely dull.. the contrast seems to be off. Even when just using white text on black background, the white text within iWeb is nice and crisp, but looks very dull, sort of photocopied-like when viewed in Firefox or Safari. Photos and jpegs in general seem to be okay. Anyone have similar issues? Thanks.
-Scott

No, there are no publishing problems. I agree with star-fish on dark backgrounds and light text. At least for these old eyes that is a terrible combination, hard on the eyes causing eye strain. I do realize, however, that I'm no longer the target audience for most of what's out there these days except perhaps for Depends, denture adhesives, etc.
I've found that for dark backgrounds fonts like Times New Roman snap out better than those like Arial, sans serf. You might experiment with different font as well as different boldness, etc.
OT

Similar Messages

Font is different when published

I published my site. I didn't like the bold look of some of the fonts so I changed the font and made a couple of other changes. The site then looked the way I wanted before re-publishing publishing.
I then re-published but the fonts are still look bold when I log on to the site. How can I correct this?

Some of those tips really helped - especially turning the text into a graphic - but how do you do it on blog summaries/Album names or on navigation titles? (put the 5% shadow on?). I love iweb but was very dissapointed with the fonts turning to bold versions. I have been a grpahic designer for years and am glad I could do web stuff because of iweb - so a small thing like it looking BOLD when published bummed me out! Anyone know how to edit/add shadow to the aforementioned elements? Thanks in advance....
Aaron

Why do many Typekit fonts look bad on publish of Muse website?

I have published more than a dozen websites with Adobe Muse and Typekit fonts. I have really been drawn to Typekit and the beautifull fonts it brings into Muse. When I am in design mode on a Muse site the fonts look great. My problem is when I preview the site withing Adobe Muse or publish it online the fonts rasterize terribly. I understand that certain fonts display better smaller or bigger but even when I apply this knowledge in my design it still often shows a lack of clarity in fonts. Is there a way to help these fonts appear better? Perhaps I am missing something here but what I don't know.

Every OS, OS version and browser renders live text differently. This is true of fonts served from Typekit as well as fonts installed in the local system. I expect the variation you're seeing is the differences between the AIR rendering in the Design view, the Webkit rendering in Muse Preview and the browser+OS+OS version rendering for whatever environment you're using.
There's a 7 part blog post on typekit.com that explains all the interactions and variations across OSes, OS versions and browsers.
http://blog.typekit.com/2010/10/05/type-rendering-on-the-web/

TypeKit Fonts Not Displaying When Published to Web

Hello everyone. After noodling around the forums, I found the method for using non-Edge fonts from TypeKit in a Muse site. For some reason, however, it doesn't seem to work. My workflow if below. Is there something I'm missing? Is there a specific font I should be using in Muse in the hopes it gets overwritten by TypeKit?
1. Setup and publish TypeKit.
     a. Added Adobe Garamond Pro as font.
     b. Created selector of .body_garapro for that font.
     c. Publish changes.
2. In Muse:
     a. Copy embed code from TypeKit into Head via page properties for Master Page.
     b. Create paragraph style called body_garapro. (In this paragraph style, I tried using good old web safe font Arial and the edge web font Garamond EB. In either case neither was replaced. I made sure not to use a system font to avoid the image output issue.)
     c. Export site as HTML, upload via FTP to domain entered into TypeKit...and no TypeKit replacement.
I also made sure that my test text had no overrides and was using the straight body_garapro paragraph style.
Any help would be greatly appreciated!
Chris

In the web template properties there was a setting named "Force Variable Screen Display" make sure it is checked.
And also see if this helps:
Re: Force Variable screen with Web Templates?
Gili

Composition window suddenly is using a small (2-pt?) font--the font looks ok when sent.

The message composition window suddenly is using a small (2-pt?) font. This happened "spontaneously" when replying to a message. It happens all the time now.
When the sent message is viewed afterwards, the fonts are normal in size. When I increase the font size in the composition window, it looks huge after sending.
I'm using a Mac with OS 10.9.2.
Any ideas on restoring the font sizes in the composition window?

Here's an image of the problem.

Why does font looks pixelated when exporting motion template to FCP?

I created a motion template for some text animations and I also tried with just a motion file and when I added either one to FCP it just looks like crap (pixelated edges, really really bad edges)
I noticed this happens if you don't have a drop shadow or a glow selected on the fonts
is there a way to solve this?

http://daystreet.com/Motiontext/Motiontext.html

Page formatting looks ok in iweb put looks different when published

Hi
I just got a new MAC Book Pro, and am still using the iweb o8. Today I made a web page that looked very much like a resume...indents , bullets, alignment. it looks great on the screen in iweb...but when I publish it and access through safari...all of the indents etc are gone or changed. Any clue what I am doing wrong? Thanks for any suggestions

No I haven't tried that but I will try it later tonight. Should I do it in word and then convert that doc to a pdf and then use that. The reason I ask is that I did turn the iweb page into a pdf because I wanted to proof it in paper form (old fashioned, I guess)...and when I printed the pdf document is was huge..
or maybe it looks small on iweb and in the actual web page and the pdf is normal size I was using 14pt type so it was readable on iweb...but when I printed the pdf it didn't fit on a page width wise, and the printed copy looked like 14 pt type....but the iweb page looked about 10 pt.
anyway I will try your suggestion and let you know
I tried to take screen shot...to show the misalignment of the text....but I couldn't get the screen shot into this screen.

Font looks bad when typing on russian language

on my win8 when i typing on russian i see below:
fonts for Edge Code not support Cyrillic?

Hi Mosharvos,
Unfortunately the font we use, Source Code Pro, doesn't support Cyrillic currently. But we're talking to the font team about getting it supported. I don't have an ETA on that, but will try to report back to this post when I have something.
If you have any questions, let me know.
=Ryan
[email protected]

Rotated Text/Images look fuzzy when Published

I've a menu on my site which uses angled text. As soon as I publish this however, the text gets fuzzy edges. I thought I could get over this issue by creating the links in my meny as graphics in PS and importing them as buttons but as soon as I roate them in Muse they get fuzzy edges again.
I havn't made the site live yet as it's in very early design stages.
Does anyone have an answer to fix this issue? Thanks

Thanks for coming back to me! I tried that actually as well. I rotated the images which are the links in PS and then imported them and it works fine from a quality point of view but it introduced another issue. My menu is basically composed of links at an angle as I was saying but I save this as a rectangle from PS and import. Only the centre part of this rectangle has text, the rest is transparent. When I align them all up in Muse, some of the links overlap which causes issues with my buttons. If I roll over one, it activates the one beside it. I couldn't see any other way around this other than to create them flat and then rotate them in muse. Do you see how I can fix this?

Fonts look distorted after publishing site

Can someone tell me if this is bug on EDGE ANIMATE?
The following link have an edge animation using fonts Poiret-one, sans-serif for some reason on google chrome they look distorted
the ones on the bottom are from adobe muse they look better but still not like they show on screen.
I have tried several different fonts and same issue, thanks
http://edgepoolsfonts.businesscatalyst.com/index.html

Looks all good here on a Mac using Chrome

Static text in textfields renders differently when published in CS4/CS5

Hi
I am experiencing an issue where legacy files I created in Flash CS4 look different when published in CS5. Fonts are rendered differently. I have noticed it so far on DIN and Goudy Modern. The output when published in is CS5 is markedly different than the output when published in CS4.
Can anyone offer any pointers on how to think about, deal with, avoid etc.
Many thanks.
Mike
UPDATE
A little more logic to add.
It seems to be opening the file in CS5 changes the fonts somehow. CS4 files that I have not opened in CS5 publish as I would expect in CS4. CS4 files that I have opened in CS5 publish differently whether then published in CS5 or CS4. On Goudy for example. In CS5 adding .5 to the character spacing and 3.5 (not 2) to the line spacing makes the font render similarly in CS5 as it did in CS4 at 0 character spacing and 2 on the line height.

Yes. It's static. I recreated the text and now it works. Weird.
Thank you for your reply and time.

Bitmap Font gets blurry when its swf is loaded into a movie clip

I have a gallery i'm working on, located here:
http://www.stationarynotes.com/portfolio/Gallery.html
If you click the first button (the one that looks like a
splattered "S" in black ink) you'll see that my bitmap text gets
rendered all blurry. That swf which is being loaded renders fine
when I test it by itself. The text is positioned with whole numbers
and aligns to the grid within its own swf, and the movie clip which
receives it is also positioned with whole numbers. Do you think
perhaps when it is loaded into another MC it is being pushed off of
the grid somehow...? I'm really confused.
I can post my .flas if that'll help.

bitmap fonts look best when positioned on a whole pixel
number (100.0 instead of 100.4 for example).
If you are loading into an empty clip - try placing that clip
on the nearest whole number. or you
could load the external swf to a level with will position it
at 0,0 (upper left corner of stage).
--> **Adobe Certified Expert**
--> www.mudbubble.com
--> www.keyframer.com
Scruffpuff wrote:
> I have a gallery i'm working on, located here:
>
http://www.stationarynotes.com/portfolio/Gallery.html
>
> If you click the first button (the one that looks like a
splattered "S" in
> black ink) you'll see that my bitmap text gets rendered
all blurry. That swf
> which is being loaded renders fine when I test it by
itself. The text is
> positioned with whole numbers and aligns to the grid
within its own swf, and
> the movie clip which receives it is also positioned with
whole numbers. Do you
> think perhaps when it is loaded into another MC it is
being pushed off of the
> grid somehow...? I'm really confused.
>
> I can post my .flas if that'll help.
>

Question - Y do my fonts look slightly different when publish site to .mac?

I've created a website on iWeb but when i publish it and view it in safari the fonts look slightly different. It's hard to explain but they basically just look worse. Can anyone let me know why this might be and how i could fix this problem. Thanks in advance.

Quit iWeb, go to Home Folder/Library/Preferences and delete the file com.apple.iWeb.plist.
Restart your Mac, launch iWeb and republish.
You should really convert any text done in "copperplate" to an image. Otherwise it will be converted to an (ugly) alternative on any computer that doesn't have this font installed.

Fonts don't look the same when published...

why is it when i publish my site to a folder the fonts on some pages do not appear the same as they show in iweb...
i have 8 pages...
home page looks fine just as in iweb...
the remaining pages have a bolder font and doesn't look nice...
i have checked and double checked every page and all fonts are the same...
helvetica size 15...
why is this happening...?
what can i do...?

In iWeb click on +Help > iWeb Help+. In the pane that opens you'll see a search bar in the upper right corner. Copy & paste the following into it:
If text or a shape gets converted to a graphic
...and hit Enter. That same phrase should appear in the resulting list of +Help Topics+. Double-click it.
Follow the steps outlined under +"To identify items that will be converted to graphics when published:"+
...Do yellow badges appear on the text you're having problems with? If so, your text is being converted to graphics — to view the fonts least likely to be converted, click the Fonts button in the lower-right corner. In the Font panel under Collections, click Web.
On the other hand, if yellow badges don't appear then this may apply:
+"...my text boxes were too small, so a lot of my formatting got messed up when I published the site."+ — Quoted from this old thread:

Widget (interaction) size and font issues when published in HTML 5

I'm using Captivate 7 and when I create and preview widget interactions (accordian, tab, etc.) the sizing and font look correct. However, when I publish it to HTML 5, it is not the right size, is left justified rather than centered, and does not have the custom font (defaults to Arial).
Is there anything I can do to fix this? Please help!

Adobe writes inline css for the font on that widget, in the CPM.js file. You's have to create a new class and and write your own rules using @font-face to ensure end-users can use the font. SWF files can embed fonts, but html does not.
If the user doesn't have to font you use it will default.
This is an example of how the Header title and instruction of the widget is written:
<headerTitle><font face="Arial" style="Arial" size="23" align="LEFT"/>
          <textDecoration bold="true" underline="false" italic="false"/>
          <color textColor="0xffffff" highlightRequired="false" highlightColor="0xffff99" highlightState="false"/>
        </headerTitle>
<headerInst><font face="Georgia" style="Georgia" size="14" align="LEFT"/>
          <textDecoration bold="false" underline="false" italic="true"/>
          <color textColor="0xb9dff6" highlightRequired="false" highlightColor="0xffff99" highlightState="false"/>
</headerInst>

Fonts look dull when published

Similar Messages

Maybe you are looking for