Font style and web browser

[aldro]

According to the CSS of my layout, the main font type should be Tuffy Regular. I have this font installed on my computer. The maker of the layout said that the layout is compatible with Mozilla Fiefox, Google Chrome and Safari.

I use Firefox on my desk computer and I've noticed that the main font is different. It looks like Arial or some other basic font. However, when I'm on my laptop which has Google Chrome, it shows the Tuffy font. I'm wondering what causes this, can anyone tell me? Thanks in advance!


P.S. I havent't asked the designer of the layout, because I found it at Livejournal and have since deleted my account there.

Comments

[sharpiefan]

If you mean the font for your headings and journal title, it's showing fine for me, on Firefox. I'm not a coder and I'm probably telling you something you've already tried half a dozen times, but have you tried clearing your cache? If yes and it's not helped, I'll leave it for an actual coder to sort out!

[aldro]

No, I mean the font for the entries and text in the sidebar, which is a different font than the one for the header and titles. But thank you anyway! :)

[mythicgeek]

Just so you know that you're not crazy nor is it just your computer doing it, I'm seeing the same effect. I looked at your journal on Firefox and it looks like Arial, but on Chrome is very obviously a different font, what I assume is Tuffy.

Unfortunately I don't know how to fix it, but I wanted it known that I was able to reproduce the same oddity, for any coders who comment here with suggestions.

[aldro]

Thank you! My computer has been acting a little wonky lately, so it is good to know that others are seeing the same effect.

[ninetydegrees]

Hmm. Seems FF doesn't like your source URL for the font. I don't why. Maybe because it's an https link.

[carene_waterman]

I do know the Firefox doesn't allow cross platform load of files (see Notes section) unless there's something done at server-side to fix this. The MDN article on it goes quickly over my head, but this particularly affects @font-face commands.

I don't know enough about how fonts work to know how to fix this, but if the second font in the OP's style can be accessed the same way the first one is it might work?

[momijizukamori]

If the OP has access to where the font is stored, and can also write an .htaccess file, there's a way to allow font-sharing through that, rather than having to like... recongifure Apache.

[carene_waterman]

Yeah, that's what I've been able to glean from some reading on this too.

Unfortunately, in the OP's example style, the font is stored on Dropbox.

As near as I can see the only way to use a web font on DW that works in all browsers is to store it on a server you have access to so you can do the .htaccess thing, or use something on Google fonts or a paid font hosting service.

I think this should really be made into an official FAQ for users that lays out how this works.

[momijizukamori]

Yeah, we probably should, given that its a user-settable property in core2 :s

Unfortunately Firefox is the odd one out there.

[baggyeyes]

What version is Firefox?

[aldro]

Version 19.0.2

[baggyeyes]

Ah! I think carene_waterman may have the answer. Mozilla Dev should have the fix, if there is one.

Mozilla Support had this thread that looks similar. Sort of.

However! I viewed your page in Firefox 19.02, (Mac 10.8.2), and the Tuffy font loaded. Ditto for Opera 12.14 Mac.

[aldro]

I followed the steps that Mozilla Support mentioned in a similar case. Unfortunately it doesn't work in my case.

I don't understand why the Tuffy font loaded when you viewed it in Firefox 19.02, but doesn't in most other cases.

[ex_bibbinut154]

I myself use SeaMonkey as a browser.
Haven't had any trouble with fonts myself.
Personally I can't stand IE and will avoid using it.
Was wondering what most people use at their main browser?
I also think that Google Chrome is good too.