• 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

    • Internet Download Manager (IDM) 6.42 Build 41 by Razvan Serea Internet Download Manager (IDM) is a tool to increase download speeds by up to 5 times, resume and schedule downloads. Comprehensive error recovery and resume capability will restart broken or interrupted downloads due to lost connections, network problems, computer shutdowns, or unexpected power outages. IDM integrates seamlessly into Google Chrome, FireFox, Microsoft Edge, Opera, Safari, Internet Explorer, Maxthon and all other popular browsers to automatically handle your downloads. You can also drag and drop files, or use Internet Download Manager from command line. The program supports proxy servers, ftp and http protocols, firewalls, redirects, cookies, authorization, MP3 audio and video content processing. Changes in Internet Download Manager 6.42 Build 41: Fixed an issue with some websites where "Download Video" panel would show many small fragments of videos instead of full videos Download: Internet Download Manager 6.42 Build 41 | 11.7 MB (Shareware) Links: Internet Download Manager Website | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Out of interest, why? It's isolated from the rest of the components, is linear, and is custom built for the X9, it has no noise issues either and all of the high-end space of amps and DACs have internal linear PSUs basically.
    • Quite why Meta decided to crowbar a social network feed onto an AI app I really don't know, but this is one of their most spectacularly bad ideas. I think it's clear they don't focus test anything there, and there are no product managers that go through the product manager process properly at all.
    • Ah! Say no more - yeah, I had a feeling that those were the kinds of workloads you might have been referring to. Makes sense; it's a shame NVidia's simply uncontested in that segment. Here's hoping prices drop back down soon to original MSRPs, though at least you're not in too much of a rush then!
    • Lets just hope they don't jump to an American corporation like RedHat.
  • Recent Achievements

    • One Month Later
      VAT Services in UAE earned a badge
      One Month Later
    • First Post
      LsDmT earned a badge
      First Post
    • One Month Later
      evershinefacilityservice earned a badge
      One Month Later
    • Week One Done
      evershinefacilityservice earned a badge
      Week One Done
    • One Month Later
      POR2GAL4EVER earned a badge
      One Month Later
  • Popular Contributors

    1. 1
      +primortal
      566
    2. 2
      ATLien_0
      256
    3. 3
      +Edouard
      163
    4. 4
      +FloatingFatMan
      156
    5. 5
      Michael Scrip
      109
  • Tell a friend

    Love Neowin? Tell a friend!