Fonts go bold after publishing!

Friends!
I have made a website as a first-timer using Iweb. Everything worked perfectly, and I'm satisfied with the result. However, there is one thing that bothers me. When I look at the page with Safari, Firefox or Camino some of the text on some of the pages has gone bold, which makes it difficult to read. I have been looking through the source-code but couldn't find anything that says bold.
The problem does not occur on every page, which confuses me a bit since I thought this was a template related problem, but I've used the same template, the black one, on every page.
Is there anyone out there who can provide a useful solution I would be most greatful.
Best regards
Ribban

I see a clear difference between the way they render. On the "om oss" page, Safari is rendering the text with anti-aliasing and making the font appear thicker. On the "konceptet" page, it's rendered as a graphic and is visibly "thinner" to me.
Now, taking it over to, say, Firefox on a PC, the "om oss" page is built with no anti-aliasing at all so that you can make out the two pixels in the upper bar on a lowercase "k". The image on "konceptet" is NOT the same as the text and appears bolder due to iWeb anti-aliasing the font when creating the image.
Your problem appears to be with how Safari intends to make the page "look" better by smoothing the fonts. Looking at the text rendered page with IE or Firefox on the PC is probably what you're expecting.
From thinner to bolder it looks like
text rendering with Win Firefox
image render
text rendering with Safari
The only one that will look the same on both platforms is the image render, but, since that's still bolder than the Windows text render, the design may not please you.

Similar Messages

  • 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

  • Save svg with font-weight:bold rather than a bold font?

    Illustrator is changing the font in my svgs to Arial-BoldMT, which causes it to publish incorrectly (doesn't show up bold).
    When I change the svg code to ArialMT; font-weight:bold, it publishes correctly. Any idea how to have Illustrator save the svgs with the font-weight:bold attribute so I don't have to change it in the code?
    Thanks for your help.

    Out of curiosity may I ask why you are using svg, is this for mobile devices.
    Try uninstalling Arial-BoldMT on your system.
    Also see:
    http://help.adobe.com/en_US/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-6561a .html

  • Different Fonts/Bolding on publish?

    I recently upgraded to iLife 08 and I found that when I publish my website, some of the fonts are bolded or are entirely different for no reason what-so-ever. Anyone else had this problem and how would I fix it? Just to let you know, I'm viewing this on the latest version of Safari.
    www.crownofthornsproductions.com/
    Thanks;
    Bishop832

    This is what Apple has to say about it....
    New features in iWeb may cause some photos, text, and objects on your existing webpages to align differently after you upgrade to iWeb 2.0.
    To correct page layouts after upgrading:
    Make manual adjustments to pages as necessary.
    Photos and blog summary pages may need more attention than other types of pages.
    Choose File > “Publish All to .Mac.”
    And that's what you have to do!

  • Problems with fonts after publishing

    I have changed the font on my blog page from Arial (on the template) to Arial Narrow. I was able to publish successfully with the new font once (http://web.mac.com/onenightoff/OneNight_Off/One_Night_Off/Entries/2008/7/2_I_want_amökki.html)
    When I have changed the font in newer blog entries, it appears as the new font on iWeb but when published, it shows up as the original template font which, frankly is difficult to read. For example (http://web.mac.com/onenightoff/OneNight_Off/One_Night_Off/Entries/2008/7/17_Investmentopportunity.html)
    Any suggestions how I can make the font on the iWeb show up the way it is supposed to after being published?
    Thanks!
    Cecilia

    I just tried that but most of the pages appear to be in bold. So it seems I have the right font, but it is publishing as bold instead of regular. What is most strange is that I was able to publish one page and have it look the way it looks in iWeb, but that was just one page.

  • Font appears as bold when published

    hi all!
    This font issue is driving me crazy..I have set the font to helvetica light on my site but when i publish the site on mobileme some sections appears as bold randomly. i have tried highlighting text and changing font type to helvetica light again but even though it appears as light in iweb when published it is still bold.
    Is there an easy solution to this please?

    I'm having the same issue as shannondasilva. Looks great offline in iweb but as soon as I publish my site the font appears bolder and thicker than it should. Very annoying and not consistent enough for Apple. Anyone worked out a way of making the font appear as it should without having to convert the text to an image, etc. I want my text to be found by google so it needs to remain as text. And yes I'm using standard Helvetica and Arial websafe fonts. Please can someone help here???

  • Typekit fonts not working after Edge Animate project is published

    Hi, I have added Myriad from Typekit to a Edge Animate project and after applying the font it looks great and even when I 'View in Browser' it works fine.
    My problem is after publishing, the font defaults to it's fallback font (Serif-Sans) overtime in every browser.
    Am I missing a step in the process of publishing?

    Hi Nathan,
    I'm sorry that you ran into trouble with this.  The fonts may not be loading because the published website uses a different domain name than your development site.  Please make sure you have added the published/live domain name to the domain listing on your kit.
    To add domains, go to https://typekit.com/account/kits and launch your Kit Editor. Click Kit Settings in the upper right corner and add your domain to the domains field, then save your settings. When you're done, republish your kit.  The fonts will be available on the new domain within a few minutes of republishing.
    If that doesn't solve the problem, would you share the project URL so we can take a look?  If you don't want to post it on the forum, you can email Typekit Support directly at [email protected]
    Thanks!
    -- liz

  • Italic type grows after publishing

    Hi,
    I've seen lots of publishing problems. This seems to be a new one.
    After publishing, some italic words grow very large.
    http://web.mac.com/scottgrabinger/IlPalazzo_Packages/DiscoverArezzo.html
    This is a recent problem. I can defeat the problem by changing to "regular" text, but the italics is useful in a good design.
    I'm using Helvetica Neue
    Other Helv Neue is not bothered (eg., captions to pictures.
    Thank you.

    It is a known problem that several fonts are rendered with font-weight 700, which means bold, instead of normal. This is a variation of it. You could uss an other font. I have changed the fonts of hundreds of pages. Thanks, Apple, for making things more difficult for your customers.
    I have read somewhere that Helvetica is one of the fonts that have become problem fonts. So take another one, like Arial or Verdana.
    There are funny people working at Apple nowadays. Messing up iWeb is one of their jobs.

  • File, Send link doesn't open a new email. Using Firefox 11.0. Outlook 2010 is the Mailto default and W7 default email program. On the About:config page network.protocol-handler.external.mailto is set to regular font (not bold) "default Boolean true".

    File, Send link doesn’t open a new email. Running Firefox 11.0. Outlook 2010 is the Mailto default and the W7 default email program. On the About:config page, network.protocol-handler.external.mailto is set to regular font (not bold) “default Boolean true”.

    I assume you have tried toggling the setting in Firefox between Outlook and, say, Gmail:
    orange Firefox button ''or'' classic Tools menu > Options > Applications
    In the search box, type or paste '''mailto''' and pause for the list to filter.
    Change the setting and OK to save it, then return to the dialog, change back, and OK again.
    You also might want to toggle the setting at the OS level between Microsoft Outlook and the native Windows Mail client in a similar fashion. In Windows XP you could use IE's Options dialog, Programs tab, for this, but I'm not sure in Windows 7.
    Since one possibility is a problem in your Firefox settings (including the possibility of interfering add-ons), and another is a problem at the Windows level (e.g., Registry settings), it would be useful to try to identify which one it is. One quick way to distinguish is to create a new Firefox profile. It will start up with all factory settings. You can switch back to your existing profile after testing.
    First, I recommend backing up your Firefox settings in case something goes wrong. See [https://support.mozilla.com/en-US/kb/Backing+up+your+information Backing up your information]. (You can copy your entire Firefox profile folder somewhere outside of the Mozilla folder.)
    After closing Firefox, start up again in the Profile Manager as described in this article: [http://support.mozilla.com/kb/Managing+profiles Managing profiles].
    With the new profile, can Firefox successfully create a message in Outlook?

  • 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

  • Safari 3 font too bold

    I have scoured Google and this forum and find no one talking about this, yet I have seen it on several machines: Safari 3 is making my bold fonts "crazy bold"...
    The problem does not exist in Safari 2, and removing the bold just makes the font look regular (as you would expect it to look without a bold attribute). I even tried using numeric bold values (100-900), but they all display the same.
    Any thoughts on what this issue might be and, more importantly, how to resolve it?
    I'm having the problem on Mac OS X and Safari 3 only (IE6/7, FF2/3, and Safari 2 all look just fine (and Safari 3 on PC looks fine too)).
    Many thanks,
    Atg

    In all cases, the font is supposed to be Arial Bold. The problem could be either corrupt font cache files, or the fonts themselves. For a possible easy fix, download and run Font Finagler to clear the system's font cache files.
    If that doesn't do it, try putting a fresh copy of your OS X supplied fonts back on the hard drive. The instructions on how to do that without reinstalling the entire OS are at the bottom of my article, Font Management in OS X. Clear the font cache files again after reinstalling the fonts.
    The link, or one of the links above directs you to my personal web site. While the information is free, it does ask for a contribution. As such, I am required by Apple's rules for these discussions to include the following disclaimer.
    I may receive some form of compensation, financial or otherwise, from my recommendation or link.

  • 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

  • IWeb 09 - Missing font BellGothicStd-Bold

    Hi,
    I created a site (Treasure theme), but everytime I open it I got message : Missing font BellGothicStd-Bold. Any idea why?
    Thanks in advance.

    Open Font Book, locate the font and deactivate it. Then reactivate it. Launch iWeb and see if you still get the message.
    I have no Treasure theme in my iWeb. Is this a 3rd party theme that you installed? The BellGothicStd font is not a Web Safe Font and, as such, will not be viewed the same on computer that do not have that font installed. You can convert any text boxes using that font into an image by applying a drop shadow at 5% opacity. However, that will keep the text from search engines and add to the "weight" of the page for loading.
    Is your site published on line? If so what's the URL of your site so we can examine it first hand?
    OT

  • Font-weight:bold;  - works in firefox, safari, internet explorer 6 BUT NOT ie7

    font-weight bold; on an external css style sheet is working in every browser (INCLUDING ie6) but NOT ie7?
    I just don't get it. It even works in ie6.
    NOTE:   One thing I should mention is that I have a conditional Internet Explorer statement, for a Internet Explorer-specific style sheet that targets ie6 and ie7.
    But I don't think that's the issue because every other style is working properly EXCEPT font-weight:bold. This is absolutely maddening.
    I tried searching around for solutions and the only lead i found was writing  [  font-weight:bold !important;  ]  using that '!important' statement I thought would somehow force ie7 to acknowledge it. But no dice. It failed.
    Here is the accursed code:
    #date {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold !important;   /*   bold not showing up in ie7 !!!  */
    font-size:.85em;   /*  Is font-size affecting bold in ie7 ?? - was 85%  */
    color:#000000;
    text-transform:uppercase;
    margin-bottom:-.75em;
    margin-top:6em;
    Again, it works in every browser, including ie6...BUT NOT in IE7.
    Any help will keep me from pulling my hair out. Thanks.

    So it's still not BOLD in ie7.
    - My css is validated.
    - My HTML still shows 19 errors with 3 warnings, which is down from 31 errors with 3 warnings.
    • Although most of these errors are directly from the 'Active Content' JavaScript that Dreamweaver places within your HTML when you insert Flash SWF files on your page. So I don't think I can even correct that.
    • The next series of errors concern the P element. Which I think are because in 5 Paragraphs in a row, I gave them each the same relationship attribute (rel="lightbox[blog02]"). Why else would these paragraphs come up as errors when every other paragraph is perfectly fine? The errors the validator says are happening, aren't happening. It says that certain P tags aren't closed and it's not true, I can see with my own eyes that they are. I think the 'rel' values are confusing the validator?
    All the major errors I took care of though. I replaced all the repeating ID attributes with CLASS attributes. I really thought that would have done it, but no. However, at least I'm no longer getting ID errors when attempting to validate.
    So now I'm stumped.
    I have no clue what to do next with something I thought would be so simple. I mean give me a break. I'm just trying to BOLD a line of text...smh.
    So currently every browser, including the illicit ie6, shows the BOLD...BUT NOT IE7.
    Sorry for the all caps, it's just so ridiculous to me.
    Although I learned that validating your styles and sites is an important step in publishing your site. I also learned how to properly use ID and CLASS attributes.
    However if anyone out there can point me in the right direction, it would still be very much appreciated. Thanks.

  • A website I use with forums shows everything as bold all of the time when normally they are not bold after I read them.

    I have installed a new version of FireFox and when I open a page it is all bolded. I have read a few posts and they have stated to download new fonts. I have tried this and it has not worked.
    The issue is not present in IE so I would imagine fonts are ok. I tried to download an older version of FireFox and the issue is there as well.
    I am using Windows 7.

    Your plugins list shows outdated plugin(s) with known security and stability risks.
    *Next Generation Java Plug-in 1.6.0_16 for Mozilla browsers
    Update the [[Java]] plugin to the latest version.
    *http://java.sun.com/javase/downloads/index.jsp#jdk (you need JRE)
    Which graphics display card do you have?
    Some ATI drivers have been reported to cause such issues.<br />
    See also [[Some text shows up bold after upgrade]]

Maybe you are looking for