• 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

    • Cjam 2.0 by Razvan Serea Cjam is a lightweight and fast MP3 editor for Windows that lets you cut, join, and edit MP3 files without re-encoding. This means your audio quality remains untouched, and edits happen instantly. Cjam is ideal for quick, lossless edits—whether you're trimming music, combining tracks, or preparing audio for learning tools or podcasts. It features batch processing, scripting support, cue and playlist file handling, and a simple interface. Cjam is perfect for anyone who needs efficient MP3 editing without the complexity of full audio suites. Cjam requires a PC running Windows 10 or later and Microsoft .NET 6.0 or later. Key features for Cjam: No Re-encoding: Edit MP3 files without losing quality. Cut and Join MP3: Easily cut, trim, and combine MP3 tracks. Batch Processing: Edit multiple files at once for faster workflows. Scriptable Interface: Automate tasks with a custom command language. Cue and Playlist Support: Handle CUE and playlist files for seamless audio management. Fast and Lightweight: Quick processing with minimal system resources. Lossless Audio Editing: Ensure your edits don't affect audio quality. Simple User Interface: Clean, intuitive design for easy navigation. File Format Support: Works with MP3, Cjam-specific file formats (CJAMC, CJAMJ, CJAM). Cjam 2.0.0.0 fixes: Fixed a bug where the folder list was not updating on the vmp3 screen Download: Cjam 2.0 | 1.3 MB (Freeware) Links: Cjam Home Page | Cjam Manual | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Honestly, i either don't care, mind, use, or had any problem with those. 11 is really good for me, has a lot of little refinements, looks great, if i wanted to tweak/fix it's behavior i would with a range of tools, and wouldn't come back to the 2010's looking Win 10 even at gunpoint.
    • You dont want a expensive hp laptop either managed to get 3 new zbooks and they all died on me.
    • Nothing inherently wrong, but why buy 2021 tech in 2025? Assuming you were aiming for 6-10 years of usage, better to buy something current.
    • I have begun using Windows 11 native passkey feature. i have four passkeys set up so far. Three work fine, One has never worked. I have removed it and recreated it several times, still no luck. Anyway, on the websites in which it works, it works geat. No more two 2FA.
  • Recent Achievements

    • Dedicated
      Cole Multipass earned a badge
      Dedicated
    • Week One Done
      Alexander 001 earned a badge
      Week One Done
    • Week One Done
      icecreamconesleeves earned a badge
      Week One Done
    • One Year In
      PAC0 earned a badge
      One Year In
    • One Month Later
      PAC0 earned a badge
      One Month Later
  • Popular Contributors

    1. 1
      +primortal
      567
    2. 2
      +FloatingFatMan
      188
    3. 3
      ATLien_0
      186
    4. 4
      Skyfrog
      114
    5. 5
      Som
      109
  • Tell a friend

    Love Neowin? Tell a friend!