Fonts look fater on Safari than in iWeb

When I create a page in iWeb the fonts look always fater once published on .Mac and wiewed with Safari. I always use regular web fonts (Helvetica, Verdana).
When surfing to the page using Internet Explorer on Windows, the fonts do not look too fat. It's just in safari.

i then suggest you make them as image by adding a small shadow to your text. this will make them be 1 to 1 on iWeb and online. see this image:
http://karreth.com/iweb/Text%20Displayed%20Incorrectly_files/boldness.jpg
click the little ---->>>>> T <<<<<------ to drop a shadow
here are some articles about text being displayed incorrectly:
- <a class="jive-link-external-small" href="http://">http://karreth.com/iweb/Text%20Displayed%20Incorrectly.html
- http://web.mac.com/varkgirl/iWeb/iWebFAQ/FAQ%20Home/039F2491-7C80-4270-A867-AA9E 31F18045.html
- http://discussions.apple.com/thread.jspa?messageID=3285882&#3285882
the only bad thing - people cant copy your text and it will not be picked up by google!
max
From the Apple Terms Of Use I must state to provide this link: I may receive some form of compensation, financial or otherwise, from my recommendation or link

Similar Messages

Fonts look bad in safari how to fix it

Hey all, just moved up to Lion and not happy with the way text looks on webpages in Safari. It looks skinny and small. Very difficult to read, it's giving me a headache.
Is there any way to fix it so it looks good like it did in Snow Leopard?

Try clearing the browser cache and reset. Quit and relaunch the browser.
If no different try a SafeBoot and restart as normal.

IWeb looks different in program than published on web

I understand that some of the Fonts I use to create in iWeb won't necessarily translate the same to all computers....but why is the spacing getting messed up as well? This happens most frequently when I use textboxes or pictures in frames, set them to 'Floating,' and arrange them how I want them to look on the page....but then when the site publishes they look totally different online than they do in my iWeb.
How can I at least keep them consistent?? Help!!

Welcome to the Apple Discussions. For maximum font compatibility across different computers you should use Web Safe Fonts. Otherwise if a computer doesn't have that font it will substitute one which may not fit the layout.
An alternative is to apply a drop shadow to the text box and set its opacity to zero. That will convert it to an image file which will display the same on all computers. If you have iWeb's preferences set to indicate text boxes that have been converted this is what you'll see in iWeb:
Click to view full size
However, it will add "weight" to the page causing it to load slower in browsers. That should be avoided if at all possible.
OT

Working on my page, everything looks good in iweb, I publish, I go check on the internet, and the fonts on the page go crazy. iweb doesn't show it that way. Why is this happening?

Working on my page, everything looks good in iweb, I publish, I go check on the internet, and the fonts on the page go crazy. iweb doesn't show it that way. Why is this happening?

Looks OK to me - is this what it should look like?:
Try clearing your brower's cache, and/or using another browser.

Why does my web page, created on iWeb, look correct on Safari but has thick black lines all over it in Firefox?

Why does my web page, created on iWeb, look correct on Safari but has thick black lines all over it in Firefox?

What's the URL of your site so we can examine it first hand? I assume those black lines are around photos or objects that have had a frame or drop shadow added to it, right? If so that's a known issue.
There's a workaround for that in this tutorial: #7 - Converting Photos w/Frames, Drop Shadows and/or Reflections into a Single Image File. That should get rid of those black lines/boxes.
OT

Font on Facebook looks different on Firefox than IE?

On IE, the font looks clearer, darker and smoother but on Firefox it looks bigger, fader and rigid. Why?
I previously fixed this problem by tweaking the about:config on Firefox. Changed the value of
gfx.font_rendering.cleartype_params.rendering_mode to 0.
But now it doesn't work anymore. I am using Windows 8 OS.

How it looks on IE and Firefox respectively:

Exporting PDF format for web viewing, fonts look bad

Hey everybody I'm relatively new to indesign so sorry if this is a simple one. I'm doing a newsletter in indesign, which will be used stricktly for web viewing. Whenever I export the file as a pdf the body text fonts look a bit off, as though they are slightly pixelated around the edges. This is not as noticable in the artcile titles with larger font, but any smaller font (i'm using size 14, and futura book) and it gets this pixelation, it is even more noticeable in the thinner type sets of the font. Another odd thing is the first page of the newsletter the fonts are more messed up looking than the following pages where the same font types and sizes are used, the only major difference is the first page has a photo on it, but the fonts that look weird are below the photo not overlaying it or anything like that. I turned off all the compression on the pdf export, also tried it will varying amounts of compression but still have the same issue. And I am viewing this in Mac's Preview program, not acrobat.

Ok, just checked through all the flattening preview highlights and everything looked fine in that. Since my exported document looked perfectly fine in acrobat, but sort of pixelated in mac's preview, is there any way around that?
If you are serving the PDF via a web address it will very likely be viewed in a browser (not downloaded and opened in an app like Preview or Reader). All of the browser displays have slightly different anti-aliasing, which you can see if you zoom in on a screen capture of the text. Here's a line of text from your PDF at 100%, magnified to 400% in Photoshop. From top to bottom Safari, Chrome, Firefox:
There's nothing you can do about the anti-aliasing quality of the different browsers and apps. The PDF you posted has live transparency, so it isn't a flattening issue.

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.

All fonts look awful

New Mac Mini. Mac OS X Leopardo di Snowio latest update.
Using 1080p, on a 1080p monitor.
*All fonts look awful*
System font (top bar, finder, everywhere) Safari as well. Everything.
Fonts look pixelated.
Didn't do any font change myself (removed nothing).
Is it due to the install of Final cut xpress / Aperture ?
Could it be the install of a Brother Laser printer?
Thanks for your help.
NB All graphics at the bottom / everywhere look perfect. Only fonts is the problem.

I think your font smoothing may be messed up a bit. That happened to some people when when upgraded from Leopard to Snow Leopard. From the picture you posted, it appears the fonts are a bit more jagged than they should be. Here are the instructions I copied from another Mac Web site a long time ago. They aren't mine but I have used them successfully.
If you’ve got an LCD panel that you think looks worse than it did before upgrading to 10.6, you can try this fix to see if it makes things better. How? Just open Terminal (in Applications -> Utilities) and paste this command, then press Return:
defaults -currentHost write -globalDomain AppleFontSmoothing -int 2
The 2 at the end is equivalent to the old “Medium - Best for flat panel” setting in 10.5. You can also use 1 for light smoothing, and 3 for strong smoothing. This change will only affect newly-opened applications—anything already running will have to be restarted to see the affect of the changes. As such, you may want to experiment with a document in Text Edit, trying the three alternatives, and then after you find the one you like best, rebooting your Mac (so that it will take effect system wide).
Note that if you go back into the Appearance panel and toggle the font smoothing setting, you will override your manually-set value—so don’t do that if you value your newly-smoothed fonts.

Dreamweaver text looks fine in Safari but not Firefox NEED HELP!!!

Dreamweaver text looks fine in Safari but not Firefox, all my text goes out of alignment and the fonts look like different sizes. Please let me know your thoughts. Here is a link to the page I'm having problems with. http://www.alexandrasantibanez.com/bio.html

I had the same problem for days what a waste of time trying
to figure out code... the code was fine. I was running flash player
7.0 Upgrade your flash plugin to 9.0 and it should work fine in
Firefox and IE. It did for me.

Saving as PDF: fonts look crappy?

I have a small test .psd image with just one piece of text. When I save this as .pdf from Photoshop CS4 (using Save As and choose Photoshop PDF format) and open the .pdf with Acrobat 9, the font looks pretty messed up. Here's an example of what I mean:
http://i26.tinypic.com/5flp2p.jpg
I have attached the example .psd (and saved .pdf) here.
Now the strange thing is: it doesn't happen *always*, sometimes the PDF looks all right. I can't seem to detect what it depends on. I have plenty of available RAM and harddisk space, that's for sure. It seems to occur especially when I already have another PDF open in Acrobat as well. For example, if I copy the test.pdf from above zip to test2.pdf, then open one in Acrobat, then the other, the first may look all right (not always) and the 2nd usually looks messed up.
What's going on? I'm not sure if this is a problem with Acrobat rather than PS, but it happens ONLY with PDFs I save from PS. Never with PDFs from any other source.
Thanks in advance if someone can clear this up!

Font embedding rules, for sure. If a font is considered "locked" and thus un-embeddable, any program is required to convert it to contours as per the PDF language ruels. By keeping a document open under the same name you may just trigger that weird behavior and PS is just not good at it. On the other hand, you could just use a wrong PDF preset and it flattens things to a low quality. As a third possibility, PS could jsut embed the font name reference and then for some inconceivable reason it doesn't get associated in Acrobat. Hard to tell. I'm just not in the mood to do any deeper investigation after a hot, long day full of work, so maybe someone else has a better answer for you...
Mylenium

MY FONT LOOKS DIFFERENT IN INDESIGN PAGES PLEASE HELP!!!!!

Hello, I have a majo problem here. I have all my pages written in one font, Arial Narrow, however the width of the font looks different from page to page, it looks bold on page 1 and 2, and on page 3 it looks fine, is there any invisible setting applied to the whol page? why does it look bold? I did try toprint them, they do look different, also, there is no stroke set, i checked, and color is set to black not registration. Is there anything else I am missing???? Please help!!!!

Transparency isn't something you would adjust, per se.
Imported art may have transparency in it (like a transparent background), or you may have applied an effect like a glow or a drop shadow, or used a blending mode (all of which are transparency effects) on an object on your document page, or even adjusted an object's opacity in the effects panel to make the background show through (this is true tranparency inthe classic sense). Any of these things will result in ID redrawing the page and "emboldening" the type on that page.
There is no way to remove the eefect other than to remove the transparency from the page (if you are showing the icons for it in the pages panel, whcih you set in the panel options, you'll see a small checkerboard next to the page icon in the panel if there is transparency in use). To assure that all pages look the same if you are going to use transparency on any page, you can add a transparent object to the master page.

Fonts look bad in OSX jagged text

Hello
I thought apple gave us font smoothing in OSX! My fonts look terrible in QuarkXpress6.0. Is this what I have to look forward to? I miss my ATM.
I did the "font smoothing thing" in appearence-no change.
Also will all my older fonts from when I used OS 7 +8, will these still work in OSX? and by Quark XPress?
Please enlighten me!
all fonts look bad; Goudy old style, bellvue etc. (postscript type 1)
imac G5 Mac OS X (10.4.4) 21" screen

if I zoom out in Quark to view document at say 125% the 45 pt type really looks bad
Hmm. I'm unable to duplicate your problem. I've pasted some random text into Quark, sized it to 45 pt and set the zoom to 125%. No matter if I go up or down, the fonts look very smooth with both Goudy Old Style and News Gothic (I have the Adobe version, not MT, which is from MonoType). Well, if I look real close, I can see a little bit of jaggies around curves. But nothing very noticable.
Is your 21" monitor a CRT or LCD? LCD always produce the best image when used at their native resolution. A CRT's best display varies depending on whether it has a shadow mask or aperture grill tube. If your monitor has an independent control for sharpening, it may be too high.
I have some fonts installed that I don't know where they came from ex: News Gothic MT (Microsoft I think) Will these view and print okay in any program?
As long as it's a standard Mac suitcase style TrueType font, or a complete and proper Type 1 PostScript font, it should just as well as any other.
I keep all my fonts in classic folder and manage w/font book (thats another story) It seems that my classic apps, Illustrator, see most of the fonts all the time eventhough I turned many off in fontbook. Also illustrator doesn't see ALL the fonts.
That's a handful. When it comes to Classic, the rules are a little different. Fonts you manually place into the OS 9 Fonts folder, or are put there by the OS when activating them from Font Book with OS 9 as the choice to be activated for, fonts are then available to both Classic and OS X.
If you deactivate them in Font Book, the fonts will become unavailable to OS X apps. However, any Classic apps will continue to see them until you shut down all OS 9 applications and Classic. In other words, once you open fonts for Classic, they can't be closed to Classic without shutting the entire environment down. Confused yet?
As far as Illustrator not seeing all the fonts, that relates to this part of your question:
Please explain the limitations of classic apps and fonts.
Classic can use any fonts that were in existence for the Mac before OS X. All of your older Mac TrueType and Type 1 PostScript fonts will work in OS X and Classic. Fonts that will work as is in OS X that you couldn't use before on a Mac are PC TrueType fonts. If you have copied any of the OS X .dfonts into the OS 9 Fonts folder, those will not work. A .dfont is a variation of a TrueType font, with the data in the data fork rather than the resource fork as they are with the older Mac TrueType fonts. Neither OS 9 or any Classic apps can read these fonts. Those are likely the ones not showing up in Illustrator.
It sounds like you do a lot of work with fonts. While Apple has improved Font Book quite a bit in Tiger, it's still very much a consumer font manager for those who handle fonts only occasionally. You'd be much better off using a font manager such as Suitcase X1 or Font Agent Pro.

How do I change font size on the safari tool bar

How do I change font size on the safari tool bar

You can't in Safari.
However you CAN with Firefox and the add-on called Theme Font & Size Changer, also include NoSquint and set a global web page zoom level a bit higher, say 150%.
NoSquint has buttons on the tool bar to increase/decrease each websites size AND IT REMEMBERS IT!
Under the Tools Menu > Customize you can add more toolbars as well, but they have to have something in it of course.
(note: the green with yellow type is a person you can add from thousands of choices, it's not the default look of Firefox)
So this setup, although it may appear large here compared to Safari, is fine on my 17" when sitting back about 3-4 feet, takes up about 1/6th of the screen, so I'm not hunched up close, and I have a lot of screen real estate to play with anyway.

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/

Fonts look fater on Safari than in iWeb

Similar Messages

Maybe you are looking for