Fonts huge in Chrome on iWeb sites

My published iWeb created site looked fine in Chrome to start, but now the fonts are screwed up in both my site and other iWeb sites. It looked like the Safari version below until today. Why?
My site: http://mygeologypage.ucdavis.edu
Screen shot from Chrome: http://mygeologypage.ucdavis.edu/sumner/temp/WebPageScrewup.jpg
Screen shot from Safari: http://mygeologypage.ucdavis.edu/sumner/temp/SafariScreenShot.jpg
Another web page from Chrome: http://mygeologypage.ucdavis.edu/sumner/temp/AnotherWebPage.jpg
I have a 13" macbook pro w/ retina screen.

I have been having the same issues as you for a long time. I've been told to switch to "internet friendly fonts" which actually made it worse. I tried cleaning out the Caches for iweb. I have taken the site down and republished. I originally had the site hosted through mobile me, now its hosed on Go Daddy and I had the same problem on both. I have tried many computers both mac/PC and multiple browsers. Sometimes it looks ok and sometimes it looks unreadable. It could look good one day and then the next day on the same computer/browser look unrecognizable. I have been reading postings in many different forums and no one has had a suggestion that has worked.
I would love to find a solution to this problem. I am a video/motion graphics guy, not a web guy, so I really don't want to have to move from a user friendly program like this, to a program like dreamweaver.
If any one has a real solution please advise me and dysumner!!!
If hear of anything on another forum that works I will let you know....please do the same for me.

Similar Messages

IWeb site blank in IE, but perfect in Chrome, Firefox, Safari

Hello all,
I'm sorry, I know this question comes up again and again, but what I have read and attempted doesn't seem to help my website. I just started using iWeb last week and I really enjoy it. I was using Dreamweaver before which is a great program for CSS and HTML editing, but really doesn't compare to the simplicity and speed of designing with a WYSIWYG like iWeb.
So are there a few big culprits as to why iWeb sites don't display in IE 6,7, or 8? I realize this is pretty much an Internet Explorer problem, but can I fix at least some of the content without doing a ton of hacking to my site?
I am already fixing one issue using Dreamweaver:
iWeb: +<?xml version="1.0" encoding="UTF-8"?>+
instead of: +<xml version="1.0" encoding="UTF-8">+
...so I'm not afraid to publish with iWeb, then edit a few things in the HTML/CSS. Can anything be done? It's a fairly simple website: mantheipc.webege.com (ignore text content, needs a lot of revision).
*Other info:*
Free hosting via 000webhost.com
iWeb '08 2.0.4
OS X 10.5.7
Dreamweaver CS5
Uploading via FileZilla
Tested to work under Firefox, Chrome, and Safari (Mac+PC)
Tested and failed to load in IE 6,7,8 at http://ipinfo.info/netrenderer/
Tested and failed to load in IE 6 on XP Laptop
Thanks a lot for your time,
Dylan

Removing the first line of every HTML document permits the site to load in IE.
<xml version="1.0" encoding="UTF-8">
To figure out why IE wouldn't display my site, I created a new blank page and added an image, a hyperlink, a text box, and a fancy CSS text box. I also set a background gradient and page color. The page wouldn't display in IE, so I started deleting HTML by hand with a text editor starting with the most likely culprits (in-line CSS, javascript, etc). I was down to an image, hyperlink, bgcolor, and center tags and the site still wouldn't load. Realizing these are the most basic html tags there are, the only thing left that could cause a problem was that first line.
While I realize this is not at all an ideal solution, it worked. Not only does the site load, but it looks about as good as it does in Firefox and Chrome. No transparency issues or anything! The first line isn't vital to site display, but it does cause the browser to 'guess' what type of encoding the page is in. All of my testing indicated this isn't an issue on my PC or Mac, but I need to try friends and family's PC's too.
Tested good on:
IE8, Firefox, and Chrome in Windows 7
Firefox, Chrome, and Safari in MacOS Leopard
Thanks again to everyone who read and contributed!
Dylan

How are non iWeb sites able to use non "web-safe fonts?

I know there is a list of "x" number of "web-safe fonts" that we should stick to. However, we all see incredible fonts all over the internet on non iWeb sites.
What is it that makes the non-safe fonts work for them. Is there anything we can do to make those fun fonts work for us? I don't have specific examples (sorry). . .just looking for a general answer
Thanks,
roxpat

The type of file compression to use for web pages is dictated by the number of colors required. Since graphics slow down a web site, your mission is to get the best overall appearance, with the smallest file sizes. The most popular forms of graphic compression are .gif and .jpg
.gif files are limited to 256 colors which work very well for non-photo types of graphics (logo's, etc) and .gif also supports transparency, where you can actually make a graphic appear to be 'cut-out' against a different color background. Gradients do not work well with .gif files.
.jpg files are more suitable for photo's due to the thousands or even millions of shades of colors in skin tones, vegetation, whatever. Jpg's do not support transparency or animation.
Photoshop Elements would be a very good program to pick as an overall web and photo retouching program. The "Save For Web" feature is sweet. You can even continue to use iPhoto to manage your photo library and choose a program like Photoshop as an 'External Editor' to actually work on the pictures.
Adobe Illustrator is probably not where you want to start. There is a learning curve to work with shapes (vectors) instead of actual dots on a page, and it's native format is not compatible with any web browsers. It's really not suitable for photo's at all. It is very powerful when working with commercial graphics that need to be sharp at all sizes, but probably more than you want to deal with.

How do you hyperlink a rollover to another page from within your iweb site?

Ive made a bunch of rollovers for my iweb navigation bar. If youve created a rollover you know you have to link the images to a image hosting site. here as you would just normally drag and drop a image from your desk top. Because of the way iweb works, if you are using images from a image hosting sit, you can no longer adjust the characteristics of the images i.e. colors, size, and in this case the hyperlink. More specifically you cant change the hyperlink to a page within the iweb site.
So the problem im trying to figure out is how to link the rollover to a page within my iweb site.
now you can actually change the hyperlink of the rollover. however you must do this by adjusting the html within the snippet of the rollover. The problem i found is that iweb doesnt creat sub domains for each page. a entire iweb site with multible pages uses only one domain which is the homepage. so i cant just type a subdomain of another page into the snippet hyperlink because the subdomain doesnt exist.
here is the link to my site. youll notice i did figure out a work around with the "contact us" button but its a huge pain in the butt. i had to create a new domain and a new site then attach the referal index.html to that new domain. todo this for every single button is very difficult.
http://springgardenranch.tk
so i guess the bigger question is, is there a easier way to do this?
perhaps if there was a way to create a subdomains like springgardenranch.tk/contactus withing iweb for each page. but i dont even know if thats possible.
thanks for you help.

Because of the way iweb works, if you are using images from a image hosting sit, you can no longer adjust the characteristics of the images i.e. colors, size, and in this case the hyperlink.
Then use your own images. Then you can create them the way you want.
Here's how I do it :
http://cafenoir.atspace.com/Hover/
And here's the menu in an iWeb page :
http://cafenoir.atspace.com/HNBF/
And here you can learn how to do it. Follow the links to the How-To pages.
http://cafenoir.atspace.com/
You may have to learn HTML. CSS, JavaScript, AJAX, DOM and how iweb creates its webpages.

Paypal button in iWeb site

any idea how to introduce a PayPal payment button into an iWeb site. Paypal give a section of HTML but i don't know how to apply it to the site i am creating for commercial use.

Here's how I got a paypal button on my site at:
http://www.rowan-cottage.co.uk/Site/ShopBlog/ShopBlog.html
Go to Paypal and create your button. You'll get to a page with all the HTML needed. Copy this HTML.
Open a text box on your page the size of the button eg, 62 px by 31 px.
Type in the box some recognisable, unique text, eg, PaypalHTML, and change the font size of it so that's it fits in the tiny text box. You can horizontally centre the text or position it left or right, but don't vertically align it otherwise the text box changes into a png. You want it to remain a text box.
Publish.
Open the page in your text/HTML editor.
Find and replace the text 'PaypalHTML' with the actual Paypal HTML.
That's it. That way there's no alignment problems and it goes where you want it to.
You use the same principle with banners served by other parties, scripts etc. See my links page for more examples:
http://www.rowan-cottage.co.uk/Site/Links.html
I hope that helps.
Michael
http://www.rowan-cottage.co.uk

IWeb sites are slow to upload. text columns turn to heavy png files

Hi!
Yes I've noticed that iweb sites for some odd reason are slower to load on any browser. No matter what the hosting is. I use Me.com for a few years and iWeb as I don't have the time or patience to bother with Dreamweaver. I use Me.com for hosting as well as another web hosting server. If there is graphic material on the page, it takes so long to open. Apple must do something about it for sure.
The program iWeb itself doesn't open up fast enough if you have more than 3 pages on it (which any normal site would have). I'm glad Apple made good changes in iWeb09, but it needs to do something about the speed of the program, the sites it makes and how it processes simple matter on it.
Even though, I have come across some good examples of iWeb made sites that are easy and relatively faster to open or they open at a normal speed. The authors also have used flash material on their iWeb sites. I have a non-registered program (web site Maestro) that claims to ease up and streamline the graphic and other heavy content on a iWeb site to make it lighter with loading.
But the unregistered version works on 70 percent files only. And I don't really notice any difference with it either. So I'm doubtful of buying the full version.
Any thoughts? Solutions? Would really appreciate.
ANOTHER ISSUE that I have discovered while making iWeb site is that a text column put on a shape after publishing turns into a heavy PNG picture file that can weight almost upto 1 whole megabyte!!!
And you keep wondering why the darn page is so slow to open!!! Cuz a simple text could've been just about 50kb. But it turns into a 900kb picture in png!!! Is there a way to change this?? I guess, taking out the picture from the published site folder and reediting it in - say - Photoshop reducing its size may help. But its so cumbersome and arduous to go into every darn folder and open all the text now converted into pics and re-edit them!! And then their reduced quality will make the text look feeble and bad quality too.
This is a problem that APPLE iWEB experts Must work on. iWeb gives a certain flexibility as its like a free flowing canvas. But then its also a known fact that iWeb sites are exceptionally heavier to open, unless you know many other tweaks here and there to make it work right. But again, this is contrary to the purpose of iWeb, cuz its made for amateur site makers.
I wish there is a work around this thing really.
ANY SUGGESTIONS FRIENDS?? WOULD LOVE TO HEAR. PLEASE SHARE YOUR THOUGHTS AND SOLUTIONS.
Thanks.
Regards,
Nitesh

Welcome to the Apple Discussions. Shapes by their very nature are graphic elements that end up a png file whether there's text in them or not. You should try adding the text in a text box above the shape and see if there's any difference. Just be sure to use a Web Safe Font and not add any enhancements that will turn it into a image file:
Click to view full size
You may not notice a difference with loading with WSM but those with Internet Explorer should. Have you tested your site with and without WSM on a PC?
In WSM you can set the amount of optimizing for graphics. I've set it at about 60% (moderate) and haven't tested other settings for image quality. I'm sure a lower quality level, i.e. more compression, will have a impact on file loading. I just don't have a feel for the greatest amount of compression that will still have acceptable image quality. You'll just have to experiment.
If your site is a commercial site then using a commercial hosting server is the best option. Also, it's reported that using a Text Based Navbar instead of iWeb's java based one will help dark side compatibility.
Be sure to put in feature requests for the improvements that you see necessary to Apple via http://www.apple.com/feedback/iweb.html.
OT

Posting downloadable content on iWeb site?

I'd like to be able to post files on an iWeb created site which clients can download to inspect/approve or use. I'd also like for them to be able to upload files to me through this site. The files would be photoshop files, full-rez video, small wmv & quicktime files, text files, etc.
Are there any options for this sort of function which can be seamlessly incorporated into an iWeb site? I've been using a public .mac "Homepage" to get files to clients in the past, but it's an ugly looking page that way, and would not look like the rest of the site I want to build. Any ideas on how to do this?
A link to a mock-up of the site home page layout is below, FWIW. The pics will eventually be replaced by stills from/links to pages with video examples. I know the fonts look awful on the pages that are linked to. That's been fixed but not uploaded. This is only a rough cut...
http://web.mac.com/coreytree/iWeb/Corey%20Petree/Home%202.html
You may notice a "client login" link at the bottom, but I may be dreaming to have such a thing from iWeb.
Thanks in advance,
Corey

You can set up a blog page and enable the commenting system. People can then post attachments/files to the comments. This is one way to do it.
Another way you can achieve this without involving your website is to enable read/write access to your iDisk/Public/ folder. You can do this in the System Preferences/.Mac pane. Then you would be able to access the public folder...both downloading and uploading using the following URL format...
http://idisk.mac.com/username-Public
username = your own .Mac username
And make sure that you capitalize the "P" in Public
Try it out. I think this might work out the best for you.

How to make firefox render fonts as google-chrome does? (screenshot)

How do I make firefox render fonts as google chrome does as shown in screenshot? (Chrome below and firefox above)
Notice for instance the dash "/", "Explore", "Features" etc and the text at the bottom "added git_fixes".
I'm no expert but is it antialiasing that makes the difference? Cause it seems the font is the same, right?
.Xresources
Xft.dpi: 120
Xft.antialias: true
Xft.hinting: true
Xft.hintstyle: hintmedium
Xft.rgba: rgb
Xft.lcdfilter: lcdlight
~/.config/fontconfig/fonts.conf
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
<match target="font">
<edit name="antialias" mode="assign">
<bool>true</bool>
</edit>
<edit name="hinting" mode="assign">
<bool>true</bool>
</edit>
<edit name="hintstyle" mode="assign">
<const>hintfull</const>
</edit>
<edit name="rgba" mode="assign">
<const>rgb</const>
</edit>
<edit mode="assign" name="lcdfilter">
<const>lcdlight</const>
</edit>
</match>
</fontconfig>
I have ttf-win7-fonts installed, and also recently I've installed Infinality (haven't configured it, necessary?).
Advice appreciated.

bleach wrote:
well in firefox you can chose your font and then unclick the let sites chose there own fonts.
ya looking at your picture I do see the diff. but I do not have that pixelation in my firefox.
.Xresources has nothing to do with gtk
I do want to let sites choose their own fonts though.
When I look closely on my screenshot I wonder if it's even the same font though (the "3" looks very different).
Perhaps that's where the problem lies.
If I force firefox to use Arial, it looks good. If I set it to Helvetica which seems to be the font used, it looks like in the screenshot - pixelated.
$ fc-match helvetica
helvR12-ISO8859-1.pcf.gz: "Helvetica" "Regular"
Seems it doesn't use truetype (helvetica.ttf?) as default font for helvetica - shouldn't it?

Have your iWeb site critiqued.

If anyone would like to have their iWeb site critiqued post it here. All graphic designers and professionals alike are encouraged to critique as well. I have been working as a graphic designer for over 8 years, and am working towards my masters degree in graphic design. I have strong knowledge about typography and layout, and can offer constructive criticisms to help improve the look of your site. Anyone who is interested is welcome to post.

Juejuegirl:
I think you have some nice things going on here. What I like the most is the "Blog" page. I think the background here and the fonts fit your theme more so than the other pages.
An important thing in design is to be consistent, especially when designing a multiple page layout. This will bring the site together as a whole. Having the navigation menu change for each page can be a bit confusing and can "throw off" the viewer.
Maybe finding a page you really like (my vote is for the blog page) and matching the other pages to this style would bring the whole site together.
Also, you don't want to use too many different type faces. I would use the same font and style for subheadings throughout (say Garamond semibold 14 pt), and then for the paragraph text below a contrasting font (say Arial or Verdana 10 pt.) This will embed in the viewers head and they will be able to navigate through the site easily.
For example on the "who are we" page you have the subheading "who lives downtown", and then paragraph type below it. This looks nice, but then immediatly below it the next subheading "featured product" and its paragraph type changes. Make these the same throughout and your site will become more cohesive.
If you stick with the first page, bring up the blog button so the nav menu is on one line. Its hanging by itself right now, and needs to be with its buddies.
Hope this is useful. Nice job.

My iWeb site doesn't work for some PC Windows users.

My daughter and afew other users are having trouble getting to my iWeb site. I haven't yet narrowed it any particular release of Windows or Web Browser but it only fails for someone on a PC systems. Do they need IE6 or >. XP Professional? If the contents have jpegs and a movie. What applications are needed on the viewers computer i.e. Quicktime or CS2 Photo.
Many Thanks!

Movies dragged into iWeb require the QuickTime browser plugin to play them and a lot of PC users don't have it.
Flash is a more universal format but these won't work on portable devices like the iPhone/iPad.
This player will work in all browsers and devices.....
http://www.iwebformusicians.com/Website-Music-Movies/JW-Video-Player.html
You need to use a web-safe font.....
http://www.iwebformusicians.com/WebMusic/FontsandColors.html
More stuff here...
http://www.iwebformusicians.com/WebMusic/iWebandInternetExplorer.html
"I may receive some form of compensation, financial or otherwise, from my recommendation or link."

Several .Mac group members working on one iWeb site

How could I do to allow another member of my dotmac group to edit our iWeb Site ?
Should I put the Domain file in iWeb/Groups/my_group/Documents and a link in the username/App Support/iWeb directory ?
Does this work ?
Is there a simple way for several people to work on one iWeb site via the internet ?

That's a pretty good workaround, but then you'd have to make sure that each person also has disabled the newer Arial fonts placed there by Microsoft or you'd have your pages rendered as text when published by one person and as graphics when published by another.
Plus, you'd have to manually make sure that only one person was editing it at a time. If you can work through these issues, then you may be able to get exactly what you want.

Can I transfer iWeb site to a DVD?

I have an iWeb site that runs well for my local U3A, it has about 60 pages. Most fit on a standard screen others are longer. Is it possible to transfer the site to a DVD so that in can play unattended on a TV in a room without an internet link. I can't think that it would be possible but someone out there may know better.
One possible alternative may be to transfer the material to a Keynote presentation but could that be transferred to DVD?
Thanks
David

No you can't do that and it would not work either. You can burn the website to the DVD, but it would not do anything because you would either need to burn the iWeb files to the DVD, but they need iWeb to make it visible or you burn the html and css files to the DVD - that is the published site, but you need Safari, Chrome etc., to be able to view. A website is meant to be published to a host and viewed on the internet and not a TV.
If you want to view a Keynote presentation, then you need to connect your computer to the TV or another monitor so you can view it from and control it from the computer.
What you want to do will not work.
If you want people to see an example of your website, then publish your website from iWeb to your desktop and then burn the published version to a DVD and give that to people so that they can play it in their computers and open it with Safari, Chrome etc and can see it - a website is not meant to be seen on a TV or burned to a DVD.

Chrome and iWeb problem

Hi there!
I got my Mac a few months ago, and I've started working on an iWeb site. Everything was going REALLY swell until I published it to a folder and tried to run it with Chrome (which is currently my default browser). Unlike FireFox and Safari, Chrome would not display the navigation bar at all which basically rendered the site unusable to Chrome users.
Is there a fix for this, or can someone please tell me what I'm doing wrong?
Thanks,
ultimatelifeform22
P.S. This website is for a podcast that I'm working on, which makes iWeb a great app for me to use.

Static pages created in iWeb do not require a server to be previewed locally
Test it yourself with Chrome and you will see that it is not true for that browser. In any case it is a waste of time to try to solve problems which people claim to have with sites they are viewing locally. Until you can see it on a server you never know if the problem really exists or has much relation with the way they described it.

Making IWeb sites look good.

I've seen a lot of iWeb sites, and for the most part they're not bad, but generally they look really generic. From my graphic design point of view there are a few things that people can do to improve the "look"of their site.
1. Delete the auotmatic navigation bar that iWeb creates when making new pages. This can be done under the page tab in the inspector. Anything can be turned into a hyperlink, so make your own buttons, instead of letting iWeb do it. This means graphics and any kind of text you want. Be creative.
2.A. Typograghy please. Its a good rule of thumb to only use a few different fonts. Doing this throughout the website will add consistency to the overall design. iWeb allows for strict control over type (take advantage of this) text type (paragraph length type) looks best at a smaller sizes ie. 9-11 pt. Also increase the leading (the amount of space between lines of type). This will make the text easier to read.
2.B. Choose your own fonts. Don't use iWeb's default fonts. Generally text size can be reduced as well. Type makes the page, so pay attention to it.
Hope these tips help someone.
Power Mac G5 Mac OS X (10.4.7)
Power Mac G5 Mac OS X (10.4.7)

Hello all,
I would like to add to red.sea's comments. The reason : I have over 60 emails to reply on the topic of iWeb design from forum members.
It's a hard question to answer when someone asks you ways to improve their sites ... without wanting to hurt their feelings. I have to consider the fact that because I do this comfortably for a living, design comes as natural to me as painting. But what I have always enjoyed in my life, is seeing someone try ... and ultimately enjoy what they can achieve. Imagination is surely one of the greatest virtues.
Having said that, I would like to add a couple of points. This principally applies to people who wish to build a site entirely from scratch using a white blank page. But some of these methods will apply to template users.
Before designing a site, sketch it out on paper. Each slip represents a new page. Mark out roughly the topics, the placement of pictures, the amount of text involved on the page. This will save you a lot of time - believe me.
FONTS
Refine what you have just done in (1) by selecting different fonts as red.sea mentioned. Choose fonts according to the theme of the site. E.g. Romantic wedding sites, use fonts like Zapfino, Mona Lisa Solid, Bodoni etc. - script as well as serif fonts. Modern sites - sans serif fonts seems to be the trend, and it has been for a number of years. Examples, Gill Sans, Optima. The default Helvetica isn't bad, but try using Light instead of Bold. Use large point size. I use Avenir and Nobel on my sites.
N.B. The only area to leave as template default, is the blog - in case you want to use the Search feature.
IMAGES
Work your images to 100% of the size you intend to use in iWeb. Resizing will blur the images. This has been mentioned many times over, so I won't touch on this further. 72dpi images work fine with me and if you must, tweak your colours before dragging them to iWeb - if you are using Photoshop, for instance. Unsharp mask can help sharpen your pictures. I use NIK filters.
COLOUR (I was raised in England, so I spell with a 'U')
Theme colour is important. Many folks feel that white is boring. That really depends on how you use it and design normally plays a part in this. Should you choose to use colours, there are millions to use on the palette. Avoid strong primary colours unless you have a good design-sense. As mentioned, check the mood, the topic, the theme. If you have black and white photos, use black, grey or white as background. Light (often pastel) colours work well with B&Ws too. This can be a very in depth discussion, but I think you get my drift. Lastly, try and maintain a flowing look/theme to your site. It's very pleasant to browse through sites like these.
TEXT
Placing of text is by far the biggest issue for most iWebbers. Some sites have the right colours but is ruined with text running everywhere. One site had long sentences and paragraphs (11pt font size) stretching 600px from left to right which went on forever. It's an eye sore and nobody is going to read it, especially folks above 40 something. Make columns instead. The guides work beautifully on iWeb, just like in Keynote. Make sure under preferences > Alignment Guides, both are checked. Keep these columns tidy and aligned to something on your page - a photo, your headline - something the body copy can have affliation to. Play with the leading (space in between the text).
There are other things I would like to add ... maybe later.
I hope this helps rather than offend. Over the last couple of weeks, I have met and corresponded with many members from this forum. It's been a delight. I thank you for trying.
Joe
http://web.mac.com/joeleong

My iWeb site can no longer be found by browsers

I have had an iWeb site which has been live for about a month. It has been working perfectly. I have updated several times without any issue. It still appears to be working well within iWeb. I can make changes and publish changes.
I have my own domain name hosted on mobileme
When I now search the internet using any browser, it says
Can't open the page http://www.dhsem.com.au/ because the server where this page is located isn't responding.
I have checked my .mac account and everything seems to be fully functional. Why has my site suddenly disappeared off the internet?
I have tried removing the com.apple.iWeb.plist file from Library/Preferences, rebooting the computer, republishing the entire site, all to no avail.
The site is still sitting in iDisk/Web/Sites.
Everything looks normal from the iWeb side of things. For some reason, no browser can find the server (The IP address of the server is: 118.215.20.59)
Would appreciate any help

You don't need to get your domain name registrar to do this - you should easily be able to do it yourself.
Firstly, ensure that your domain name is entered into the Personal Domain name setting of your MobileMe account.
Go to your domain name registrar and then set up CNAME forwarding if they provide this and forward your domain name to web.me.com - this is all you need do - you don't need to fiddle with nameservers or anything else like that.
If they don't provide CNAME forwarding then you can use web forwarding instead.

Fonts huge in Chrome on iWeb sites

Similar Messages

Maybe you are looking for