• 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

    • Minecraft Chase the Skies update and Vibrant Visuals graphics overhaul lands next week by Pulasthi Ariyasinghe The second major game update of the year for Minecraft is almost here. Mojang today announced that its next Game Drop, Chase the Skies, is landing on June 17. Alongside it, the highly anticipated graphics overhaul, dubbed Vibrant Visuals, will be available too, making the day a rather big occasion for Minecraft fans. The Chase the Skies update has a large number of gameplay features and content, but one of the biggest is the expansion of the Ghast. Now, players will be able to find Happy Ghasts as a tameable mob, letting up to five players ride them on journeys across the skies. To get one, players will have to find small, dehydrated Ghasts near fossil structures in the Nether, then bring it to the overworld and feed it plenty of water. It is also possible to craft dried Ghasts from Nether materials. Other features of this update include a handy player locator bar, better leads functionality, craftable saddles, a new music disc, and more. As for the Vibrant Visuals upgrade, Mojang is touting a visual refresh that lets players witness how lights and shadows affect the Minecraft world. "Fly high with your happy ghast to watch the sunrise reflect on the rippling ocean, make art with shifting shadows, descend into dark depths, or simply sit back and enjoy the vivid beauty of each biome," says the studio. "With updated in-game visuals you’ll see how light and shadow transform the Overworld – water reflects, forests become shaded, fog drifts, and waterfalls glimmer in the light." The currently supported devices for Vibrant Visuals include Xbox Series X|S, Xbox One, PlayStation 4, PlayStation 5, PC, as well as Android (Android: Adreno 640, Mali-G68, Mali-G77, or Xclipse 530 or higher) and iOS (A12 or M1 or higher.)   Unfortunately, the Vibrant Visuals upgrade will only be available on the Bedrock Edition of Minecraft, at least for now. Mojang has said that it plans to bring the visual overhaul to the Java Edition of Minecraft at a later date, but no information or release window has been announced just yet.
    • Once people get use to the square-ish case, they'll probably switch the display to square as well.
    • Why would you think it's not enabled all the time? Because they said so?
    • $100 billion of the $200 billion is in N.Y. State over the upcoming 20 years plus. Obviously 20+ year spending plans are subject to change.
    • I own one somewhere and even got the email from Amazon letting me know about the recall but not sure I'll be able to find it. Haven't seen it in months.
  • Recent Achievements

    • One Month Later
      POR2GAL4EVER earned a badge
      One Month Later
    • One Year In
      Orpheus13 earned a badge
      One Year In
    • One Month Later
      Orpheus13 earned a badge
      One Month Later
    • Week One Done
      Orpheus13 earned a badge
      Week One Done
    • Week One Done
      serfegyed earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      550
    2. 2
      ATLien_0
      250
    3. 3
      +Edouard
      163
    4. 4
      +FloatingFatMan
      158
    5. 5
      Michael Scrip
      109
  • Tell a friend

    Love Neowin? Tell a friend!