Font troubles on website

Hello and thank you in advance for any help on this!
I created a website using iWeb'08 using the layered paper template, with GoDaddy as the hosting service and used their ftp.
The problem is that the font I select - Hoefler Text - comes up on the welcome page of the website, with the exception of the navigation tabs - looks like they are in TimesNewRoman. The Hoefler font does not work on any of the other pages - an about us, photo album, and several blank pages. I tried deleting from GoDaddy & re-ftping the files, but same problem. Seems odd that it would work on one page, but not the others. A quick way to notice if the font is correct is that the some fo the numbers are higher or lower than each other. The "Test" page has a few fonts on it
If you can take a look at the site it is www.avantballet.com
Thank you again for all your help!
Frank
Message was edited by: frankspilo

If you want to create an image from a text box add a drop shadow to the text and set it's opacity to 5%.
Click to view full size
OT

Similar Messages

After installing CC, The font on some websites has changed in my browser Google Chrome. Help!

After installing CC, The font on some websites has changed in my browser Google Chrome. Help!
take for example facebook & ebay, the fonts have changed to a distorted block type font, very un-readable, Only after I installed adobe CC, this took place...
I am using google chrome
Can any one help me?
I have tried to fix it by tinkering with some settings in google chrome but had no luck!
here is a screenshot of the problem:

Unless a web page uses a “web font” that it supplies itself, web pages typically provide a list of fonts, in priority order, of fonts to be used to render text. Typically, this list of fonts represents “system fonts” of MacOS, Windows, iOS, and Android - fonts that can be counted on being installed. Helvetica Neue is a MacOS system font that is not typically found on Windows systems. And even if a user licenses recent versions of Helvetica Neue OpenType fonts and installs same on Windows systems, they are in the “Helvetica Neue Std” family which would not match “Helvetica Neue” which is native to MacOS. Thus, I suspect that the Helvetica Neue you have installed on Windows is an older font offering.
There are three issues here:
The first is that web pages provide a priority list for font usage. I suspect that the web pages you are seeing Helvetica Neue actually used on your system are requesting fonts in the order of Helvetica Neue and then Arial. The typical MacOS system would display the content with Helvetica Neue and the typical Windows system would display the content with Arial. Since you have Helvetica Neue on your system, you are getting rendering similar to what a MacOS system would have.
The second issue is that there is no way to force a web page to reverse the order of priority of the fonts it lists.
And finally, the third issue is that there is no way to hide a font selectively by application.
The only way you can avoid Helvetica Neue being used on web pages preferring Helvetica Neue to let's say Arial or any other font on its list for particular text rendering is to uninstall Helvetica Neue.
That having been said, other than perhaps personal type design preferences, are there any other issues with regards to use of Helvetica Neue for display of these web pages?
- Dov

Blurry fonts on my website - is there a css3 fix for this? best w!

Hiho,
all the fonts on my website are blurred && I would like to know, if there is a css3 fix || workaround for this "minor :)" problem? I hope someone can help me && merry christmas!
ps.: on www.l-k.at

Try to disable hardware acceleration.
Tools > Options > Advanced > General > Browsing: [ ] "Use hardware acceleration when available"

Suitable Fonts for new website

I have never developed a website, but now that I have iWeb '08 I am going to try. I have heard that there are only certain fonts that you should use (which is disappointing because I have a great font library) and I am an artist and would like at least my logo to look like it actually does. What are the guidelines for choosing fonts for a website? I know this is a dumb question, but I am a total beginner.

In general you should try to use web safe fonts.....
http://www.iwebformusicians.com/WebMusic/FontsandColors.html
You can use other fonts by converting them to an image but you should do this sparingly as it will increase your page download time. The iWeb help file will show you how to do this.
"I may receive some form of compensation, financial or otherwise, from my recommendation or link."

Bold fonts on certain websites - font smoothing woes

Hi,
I purchased a 13" MacBook Pro last week and I'm having a bit of an issue regarding font smoothing/font rendering on certain websites. I'll do my best to try and explain...
When loading certain websites (mainly vBulletin-based forums, but this happens on quite a few other sites too) the text looks bold and ugly, the same sites look fine on my friends 15" MacBook Pro and 24" iMac - as an example, his looks like the sample on the left and mine looks like the sample on the right:
http://i47.tinypic.com/e7b8ro.jpg (not my screenshot, but my issue is exactly the same)
I've done some searching and other people have fixed this problem using the following command:
defaults -currentHost write -globalDomain AppleFontSmoothing -int 3
This basically changes the hidden font smoothing settings which were removed in 10.6, in 10.5 you had the following options to choose from:
Automatic - Best for Main Display
Standard - Best for CRT (1)
Light (2)
Medium - Best for Flat Panel (3)
Strong (4)
If I set the command above to 1, 2 or 3 my fonts don't change at all and still look bold and horrible. If I set the command to "4" (Strong), do the usual log out and back in, then I get the correct looking fonts on the websites I had issues with BUT my system fonts and other websites now have a very soft, almost out of focus font, probably due to this being the Strong smoothing setting. Likewise if I set the command to "0" (turning font smoothing off) I get the correct looking fonts on the problematic websites but again system fonts look odd, not nice and smooth (due to font smoothing being turned off)
Does anyone have a suggestion as to what I can try next please? Could this be down to the resolution/DPI of the 13" MBP's screen?
Thanks,
Verta

Hey! I had exactly the same issue as you! Do you have an addon called WebSecurityKeeper installed into your Firefox, without your permission? Check your Addons list pls. I had this addon and when I uninstalled it, my fonts in Firefox returned to normal.
Its possibly a malicious addon. But I am not sure. I have no idea how it got installed my computer.

Bold fonts on certain websites - font smoothing gone wild?

Hi,
I purchased a 13" MacBook Pro last week and I'm having a bit of an issue regarding font smoothing/font rendering on certain websites. I'll do my best to try and explain...
When loading certain websites (mainly vBulletin-based forums, but this happens on quite a few other sites too) the text looks bold and ugly, the same sites look fine on my friends 15" MacBook Pro and 24" iMac - as an example, his looks like the sample on the left and mine looks like the sample on the right:
http://i47.tinypic.com/e7b8ro.jpg (not my screenshot, but my issue is exactly the same)
I've done some searching and other people have fixed this problem using the following command:
defaults -currentHost write -globalDomain AppleFontSmoothing -int 3
This basically changes the hidden font smoothing settings which were removed in 10.6, in 10.5 you had the following options to choose from:
Automatic - Best for Main Display
Standard - Best for CRT (1)
Light (2)
Medium - Best for Flat Panel (3)
Strong (4)
If I set the command above to 1, 2 or 3 my fonts don't change at all and still look bold and horrible. If I set the command to "4" (Strong), do the usual log out and back in, then I get the correct looking fonts on the websites I had issues with BUT my system fonts and other websites now have a very soft, almost out of focus font, probably due to this being the Strong smoothing setting. Likewise if I set the command to "0" (turning font smoothing off) I get the correct looking fonts on the problematic websites but again system fonts look odd, not nice and smooth (due to font smoothing being turned off)
Does anyone have a suggestion as to what I can try next please? Could this be down to the resolution/DPI of the 13" MBP's screen?
Thanks,
Verta
Message was edited by: Verta

Hey! I had exactly the same issue as you! Do you have an addon called WebSecurityKeeper installed into your Firefox, without your permission? Check your Addons list pls. I had this addon and when I uninstalled it, my fonts in Firefox returned to normal.
Its possibly a malicious addon. But I am not sure. I have no idea how it got installed my computer.

"@font-face" problem only with firefox. I have attached a style sheet while i was embedding my personal fonts into a website, but Firefox won't load them. Why?

I was hand coding my new website. This time i was trying to embed some personal fonts into my website, so i used a style sheet to embed which is coded like
"@font-face {
font-family:Sofia;
src:url(../fonts/Sofia-Regular.otf);
All the font work fine in the root folder of my site. But whenever i am creating dreamweaver templates and using them on pages which are in different folders but in the same root directory, the fonts are set back to default font. This problem is only with Firefox. Chrome, IE, Opera etc. works fine. Please Help!

i run into the same problem the last days.
using bootstrap and the fontawesome iconfonts.
everythings fine with chrome an ie, but no fonticons with firefox...
found alot of solutions, but none of them worked.
then, using the webdeveloper console (i used firebug all the time before) i see the error why the webfont was not loaded:
[14:18:36.161] GET http://www.example.com/font/fontawesome-webfont.ttf?v=3.2.0 [HTTP/1.1 401 Authorization Required 21ms]
yes, the site is behind a '''htaccess''' login.
first load after login is => everything ok!
after following an internal link => no webfonts!
after disabeling the htaccess login, everything works fine!
but that can only be a workaround!
why firefox didnt recognize the login/authorization like chrome does?!
what todo if you have your site behind htaccess and want to use webfonts?!

Fonts in some websites wont render

I got the interface fonts to render, and they seem to work fine, but some (a lot) of websites text wont render at all. The problem seems to be in the way it handles CSS, that if a font listed in font-family is not installed on the system, it just wont render the text, instead of skipping ahead to the next font, or falling back on the default.
I found on my site if i set the font to something on the system, it will render.
Anyone else had any similar problems?

Sounds like the same problem I was having - a possible solution can be found in this thread: http://discussions.apple.com/thread.jspa?threadID=993285&tstart=0
Windows XP

FW8 on OSX : UNICODE FONT TROUBLE

Well ... Hi !
Can someone help me ... I'm new on MAC OSX ... but I use to
work with FW !
On this OS, FW don't want to let me write with accent :
é, à, ï ... won't appear.
If I check with popchar the font table, i see that the accent
are in the unicode tab... so I suppose that FW have some trouble
with unicode font on mac.
I've read this
technote, but i didn't
find this file...
What can i do ?
THANX

I don't believe that you can type as you would with MS Word
or Illustrator and have the accented characters appear as you type.
However, you can create a text block and type with the keyboard
normally and when you require an accented character you can insert
one manually from the Special Characters panel as I mentioned in my
last reply.
One other option is to import your text from Photoshop CS2 or
Illustrator into Fireworks. See the Fireworks help menu for details
of how to do this. Text can be imported and remain editable or even
used as vector objects.
One final note; you could search for a Fieworks Extension
that may exist for creating the feature that you are after.
Nick Barling
barkingweb.com

Font Size on Websites

When I go to certain websites, once they load, the font size is so large I can not view the website. Any ideas?

Hi Mike,
I checked system preferences and my resolution was
correct. I also tried using other browsers such as
yahoo and google but I got the same results. Next I
will resett safari and see how that goes.
Thanks again.
Mike
Hmm... Yahoo and Google are not browsers... unless you mean you went to those pages and they had large text as well. Try this...
http://www.mactips.org/archives/2005/09/26/increase-font-size-in-safari/

How do I highlight a passage in a website in a colored font before bookmarking website?

On my Mac laptop, using Firefox, how do I highlight a passage within a website in a colored font before bookmarking the website?
Where do I find Firefox's color options?
Anything else I need to know about the process?
Many thanks to anyone who can help!

When you save a Firefox bookmark, it just saves the URL, not the current page. When you use the bookmark, it takes you to the URL and retrieves the page from the server again. So... the highlighting won't be there the next time. Maybe you could print the page to PDF and keep it that way??
Also, I don't think Firefox has a highlighting feature built in. Perhaps you can find an add-on for that?

I am in font trouble

I'm re-installing Tiger after a huge crash and want to get a handle on my fonts from the beginning. I know I need to start using a font managenet tool because I'm a beginning designer (self-taught) and don't want a load of fonts I rarely use bogging down my system. Unfortunatley, I know nothing about font management tools and am in the middle of a few projects so I can't afford the learning curve as I reinstall. I need to plan so I can implement a tool later (I'm wanting to try FontExplorer X, which sadly has no for dummies manual.)
That explained, is there any way to label or folder fonts as they are installed so I know where they came from? Ideally, I would like to mark them as Tiger Base Fonts, Tiger Additional Fonts, MS Fonts, Adobe Fonts, etc. I tried using the Label option under the File menu, and even the Spotlight Comments section in the "Get Info" windows, but these aren't allowed at the Macintosh HD/System/Library/Fonts level -- or I just don't know how to allow them.
Can anyone help? I can't afford another re-install right now if I mess something up, and my Mac has already been down for 3 days.
Must...get...work...done.
Thanks in advance!

You should never install any new fonts in the /System/Library/Fonts/ folder. This folder is restricted to OS X system fonts. User fonts can be installed in one of two locations: /Library/Fonts/ or /Home/Library/Fonts/. The former is used to install fonts that all users can access. The latter is used to install fonts that will only be accessible to the owner of that account.
As for font management you have a number of alternatives. Font Book is a part of OS X. FontExplorerX is a freeware tool. There are also a couple of commercial products including Extensis' Suitcase, Alsoft's Master Juggler, and others (look for these at www.versiontracker.com.)
Most Mac utilities are pretty easy to learn and rarely require a manual. When in doubt use the application's Help menu. You may also find additional help at the developer's website.

Trouble opening website via Internet Explorer on PC

Hi there, I have recently published two websites with iWeb, both of which open and run superbly in Safari on the Mac but when you try and open them on Internet Explorer on a PC only the top of the page will download and the rest of the site is invisible. Does anyone know why this is? I am using iWeb version 1.1.2 and have created both sites on my iMac which is running OS X 10.4.9 if this helps?
I hope someone out there can help? I can give you the website addresses if you need further info?

Due to my customer's most common setup I had to address these IE6 issues as well. Some background may illustrate the problems. Not only has IE6 difficulties with .png, but as well for example with lists (in case you use them, they are an undocumented feature of iWeb and somehat buggy), and more. To solve some of the .png issues iWeb spends some code utilizing "Active Script". That drives IE6 to render the page almost completely, and then the script will fix some of the ugly behavior. You can check that by your elements to navigate on top of your pages (these unfortunatley become .png) within IE6, or with the buttons to start a slideshow.
What I found on your first page: Move the cursor over it, it turns to be a senstive area to start the user's mail program to send a mail to info@... - try to remove that first.
Even more, there are a lot of setups of IE6 where "Active Script" is forbidden (in banks, insurances companies etc.). Ever tried to force a large organizition to migrate to IE7? Or to allow Active Script, let's say for 30.000 users? You'll get the impact...
So here is what I did to obtain some compatibility with IE6:
Installed IE6 on Paralles.
Switched "Active Script" to "Never".
Now you can check what is going on
In my pages:
Reengineered every element to navigate manually - no iWeb automatism, switched them all to off with iWeb's inspector
Reconstructed every picture to the size they should be /outside/ of iWeb, using Graphics Converter
Removed every frame from all text elements in iWeb
Switched to web and windows compatible fonts (e.g. Courier to Courier New)
Checked every page to contain plain text instead of graphic - click into the rendered page and try to drag: Does the the whole block move? Then you are on the wrong way
Removed every formatting attribute from the text: Alignment, Highth etc.
The only element I couldn't cover is the button for the slideshow - but I've read somewhere else that you can define an object and associate that with a link directly to the script on your server which iWeb puts there. But of course that does not help in case where your favorite visitors are cut off from using Active Script completely.
Good Luck!
Kai Schwarzer
MacBook Pro C2D 2,33 15 Mac OS X (10.4.9)

Technophobe having Phonetic Font Trouble :( :( :(

Hi All!
Im currently trying to write my university dissertation and need to use phonetic symbols! I have found a font to download (Doulous Sil) and downloaded it from their website. The folder containing the font was downloaded onto my computer as normal (and can be found in downloaded items box). However, Im not sure what to do now! I've dragged the font into library/fonts and fontbook but can't access it from Word at all I've tried on my ibook G4 and my dads new iMac!
Please help! (As if dissertations weren't stressful enough!!)
Cheers

I've done it but the font still
doesn't show up in my font list on Word. When I go
into Insert/Symbol there are lots of symbols that
just have a question mark.....
Are you using WordX? It can't do Unicode and so it can't use modern fonts like that. You need to use Word2004, TextEdit, Pages, Mellel, Nisus Writer Express, NeoOffice, or OpenOffice.
Or you could perhaps use the old pre-Unicode fonts, but I would advise against it as Unicode is the agreed international standard.
http://m10lmac.blogspot.com/2007/01/typing-in-international-phonetic.html
http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=IPAhome

Having trouble updating Website Media Query as desktop version across all platforms/devices in .css

Hi all,
thank you for taking the time to read this.
I've been wondering how to update my website to view as a desktop version across al platforms... I am super new at this but have been having great success thanks to everyone in this forum. I've been making updates to the site and want to keep a desktop version across all platforms...below is what i get when i view it from my phone and would like to see it as a regular pc. Thanks all!
here is the current .css and link to my site http://www.mauiandsonsretail.com
/* Boxed Layout
    .bg-cover {
        background-attachment: fixed;
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
    body {
background: url(../images/content/bg_img01.jpg);
font-family: "Century Gothic", "Arial Narrow", Century, Cambria;
color: #000000;
font-size: 12pt;
font-weight: 100;
line-height: 1.4;
    #body-wrapper {
left: 50%;
margin-left: -500px;
padding-top: 0;
padding-bottom: 0;
width: 980px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
box-shadow: 0 0 4px rgba(0,0,0,.3);
overflow-x: hidden;
padding-left: 25px;
padding-right: 25px;
/* Media Queries
/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 979px) {
    #body-wrapper {
        margin-left: -404px;
        width: 960px;
        padding: 0 50px;
    .fullwidth {
        margin-right: -50px !important;
        margin-left: 0px !important;
    .fullwidth-padding {
        margin-right: -50px !important;
        margin-left: -50px !important;
        padding-right: 50px !important;
        padding-left: 50px !important;
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    #body-wrapper {
        margin-left: -250px;
        width: 440px;
        padding: 0 30px;
    .fullwidth {
        margin-right: -30px !important;
        margin-left: -30px !important;
    .fullwidth-padding {
        margin-right: -30px !important;
        margin-left: -30px !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #body-wrapper {
        margin-left: -165px;
        width: 280px;
        padding: 0 25px;
    .fullwidth {
        margin-right: -25px !important;
        margin-left: -25px !important;
    .fullwidth-padding {
        margin-right: -25px !important;
        margin-left: -25px !important;
        padding-right: 25px !important;
        padding-left: 25px !important;

Before you touch one more thing in this site, you need to get up to speed on Responsive Web Design and all that it entails. That is the bleeding edge trend right now. Reverting to pixel layouts is not going to improve your site. It will throw it back into the stone age. So don't do it.
Responsive Web Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
Introduction to CSS Media Queries
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
Responsive web sites need responsive menu systems. Below are some links to follow:
PVII's Pop-Menu Magic3 (commercial DW extension)
http://www.projectseven.com/products/menusystems/pmm3/index.htm
Responsive Iconic
http://www.dynamicdrive.com/style/csslibrary/item/responsive_iconic_menu/
Responsive Hybrid
http://www.dynamicdrive.com/dynamicindex1/responsivehybridmenu/index.html
jQuery Superfish (desktop)
http://users.tpg.com.au/j_birch/plugins/superfish/
jQuery MeanMenu (responsive on mobile)
http://www.meanthemes.com/plugins/meanmenu/
Good luck!
Nancy O.

Font troubles on website

Similar Messages

Maybe you are looking for