• 0

Custom Fonts not appearing on webpages on other computers?


Question

Hi there,

Just recently created a website in iWeb and made it live. I used mostly custom fonts downloaded from here there and everywhere, however when I access the site on another computer the fonts don't show up.

Is this because they need to have the fonts installed on their computers to view them?

Is there any workaround to this?

Medking

8 answers to this question

Recommended Posts

  • 0

Yes, this is because you're using a custom font where it isn't installed on the other computer that's trying to access it. The best workaround is to make the area of font you're trying to use (Say, navigation or header) a custom image rather than text.

If you're using a custom font as body text, I'd recommend falling back to fonts such as Verdana, Arial, Tahoma, Trebuchet MS, Helvetica or Georgia to name a few.

  • 0

Ok thanks a lot for the help.

And yes I'm probably going to have to change some of my main body text fonts.

I've changed my headings already, but since Google won't recognize image text I'm going to have to change the body text.

Also, any tips on making the website appear when you search in google? You can't embed metadata or anything like that in iWeb right?

  • 0

I would recommend sticking to "web based" fonts for anything in your body text (eg: paragraphs).

If you have a CSS stylesheet you can add/change:

 body {
  font-family: Helvetica, arial, verdana, sans-serif;
 }

The font stack I created will show all text in Helvetica but if that is not present on the computer it will then load arial, verdana or if none of those are available it will simply choose a sans-serif font.

If you do have some headings that you want to use a custom font with, I would recommend trying out Cufon: http://cufon.shoqolate.com/generate/. It will allow you to use an OTF or TTF font with CSS. So it will be compatible in all computers/browsers.

To see an example as well, you can check out the 2nd link in my profile. All of my heading text use Cufon. :)

  • 0

There are some javascript based solutions which enable you to use custom fonts even though they may not be available on the viewers computer. sIFR and cufon are the ones that I have tried and worked very well. I prefer cufon because it is a lot faster than sIFR and does not need flash to function like sIFR. However cufon does have a disadvantage that does not affect sIFR. Text generate by cufon can not be selected.

  • 0
  primexx said:
why use outdated hacks when you can embed the font directly? http://nicewebtype.com/notes/2009/10/30/ho...-css-font-face/

No one suggested any "hacks" nor did the OP actually use any hack. I'd prefer rendering with cufon or SIFR before just letting @font-face utilization. Unless you don't mind fonts look jagged..

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • >Interestingly, the rings came off without any physical damage to the device. With a HUGE amount of effort. The video OP makes it clear he doesn't think they'd ever come off in normal use.
    • Samsung Galaxy Z Fold7 may not come with Galaxy S25 Ultra's camera rings by Sagar Naresh Bhavsar When Samsung launched the Galaxy S25 Ultra earlier this year, it remained in the news for its top-of-the-line premium features, but also for a couple of drawbacks. Firstly, it made headlines because Samsung removed the Bluetooth functionality from the S-Pen on the Galaxy S25 Ultra, removing one of the key features: taking remote pictures and videos. But then a jarring issue came to light. The Galaxy S25 Ultra drew attention for its camera rings falling off. Yes, the $1,300 phone featured thick camera rings that were simply glued on top of the cameras. Interestingly, the rings came off without any physical damage to the device. Now, some interesting details about the camera rings on the upcoming Galaxy Z Fold7 have popped up. According to reliable leaker IceUniverse, Samsung was quite keen on keeping the Galaxy S25 Ultra-like camera rings on the upcoming premium Galaxy Z Fold7. However, after facing a strong backlash, the company has supposedly decided to scrap them. In fact, the leaker added that the cheap-looking Saturn rings design was urgently removed from the Galaxy Z Fold7, and instead, the company is bringing back the cleaner look of the Galaxy Z Fold5. Recently, multiple images of the Galaxy Z Fold7 were leaked, which seemingly suggest the same. The foldable is expected to come in three colors: blue, silver, and black. This year's Galaxy Z Fold7 is expected to be much thinner and lighter as compared to last year's foldable. We are just a few days away from the official unveiling. The pre-reserve window is already open, and if you are interested, you can get $50 credit and up to $1,150 additional savings.
    • Loved my LG G6, the build quality was up there with the most expensive flagships. The fingerprint reader on the back made it very comfortable to use.
    • games should be $250 each, they should only be for rich people....... keep stuff from the poor and middle class!!!!!!!!
    • Completely agree, I loved the placement of the power button on the back. I didn’t accidentally press it like I do with them on the side. Many years of enjoyment with that phone.
  • Recent Achievements

    • Reacting Well
      Gromvar earned a badge
      Reacting Well
    • Dedicated
      BreakingBenjamin earned a badge
      Dedicated
    • Week One Done
      Hartej earned a badge
      Week One Done
    • One Year In
      TsunadeMama earned a badge
      One Year In
    • Week One Done
      shaheen earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      544
    2. 2
      +FloatingFatMan
      181
    3. 3
      ATLien_0
      164
    4. 4
      Skyfrog
      108
    5. 5
      Som
      103
  • Tell a friend

    Love Neowin? Tell a friend!