Hi,

I installed the font using the steps in documentation and it appears to have installed fine. When I go to the page, it shows font-family property of the object also correctly.

However the font that it displays is not the font that I selected. It just shows some serif font. I tried changing the font also to highly cursive font so that I can notice the difference if the difference between the font that I installed and the font it was showing was subtle.
But I still see the same serif font. What could be going wrong? Also, in IE it doesn't even seem to show that particular serif font. It shows the same default font of my theme.

Please let me know what could be going wrong.

Thanks,
Mukesh

CommentFileSizeAuthor
#9 snapshot.JPG56.52 KBmghatiya

Comments

sreynen’s picture

Status: Active » Postponed (maintainer needs more info)

Sounds like you're getting a fallback font because your browser can't read the font file for some reason. It would help to know which font you're trying to use, and which browser/OS you're using.

mghatiya’s picture

Thanks for the reply.

I tried "Chantelli-Antiqua-fontfacekit" and "Costura-fontfacekit" by fontssquirrel.

I tried Firefox3, Chrome5, IE8 on WinXP

Maybe it is worth mentioning that the module was not able to unzip the font file itself, so I unzipped them manually in the folder "fontssquirrel" inside "files/fontyourface" folder.

Thanks,
Mukesh

madaxe’s picture

(subscribing)
Same issue happening for me. Perhaps it is an unzipping issue

For me there is no talk anywhere in drupal of unzipping the font. I did it myself manually and added it to a folder that i noticed was created called 'fontyourface'

is the module meant to unzip and add the font itself - cause mine didn't do anything like that.

Where is the font meant to be stored?

many thanks

madaxe

sreynen’s picture

Category: support » bug
Status: Postponed (maintainer needs more info) » Active

The module will unzip the font automatically if your version of PHP can do that. If not, it should give you a message explaining that it couldn't do that and you need to do it yourself. Did you miss that message? Or does it just need to be made clearer? It doesn't give instructions for unzipping, since that process is different on different operating systems. I wonder if there's some issue with the way that works on Windows. @madaxe, are you also on Windows?

The module assumes the .zip file expands in the same folder it downloads to (which should be files/fontyourface/fontsquirrel), into a directory with the same name minus the .zip extension. That directory should contain several font files, and a stylesheet.css file. That stylesheet should be loaded when you load a page. Can either of you confirm whether or not this is happening for you?

I'm switching this to a bug report, as it's sounding more like a bug somewhere, though I'm still mostly guessing at what might be happening.

mghatiya’s picture

I did receive the error message the zip was unsuccessful and it gave me some instruction about unzipping manually or some other option which I don't remember now.

I unzipped font files in fontyourcace folder. Following css files are getting loaded in the page

fontyourface/font.css
fontyourface/fontsquirrel/Costura-fontfacekit/stylesheet.css
fontyourface/fontsquirrel/Chantelli-Antiqua-fontfacekit/stylesheet.css

Please let me know if you need more details.

Thanks,
Mukesh

sreynen’s picture

Okay, those are all the CSS files that should be loaded. So that narrows it down to the font file itself. I don't suppose this is on a public URL somewhere I can look at it?

I'm not sure how to check which files are being loaded in IE, but if you know how to do that, you should see Chantelli_Antiqua-webfont.eot loading. If that's not loading, that's the problem. If that is loading, then there's apparently something wrong with that file.

In either case, I'm not really sure what to do about it. :( But it would be useful to at least pinpoint the actual problem.

mghatiya’s picture

Yes, unfortunately it is on my local server only, and shifting to a web server is going to be a very time consuming task. I could do a screen share if that works with you?

I didn't quite understand what you wrote.

There are two problems.
1) In Firefox and Chrome, it is showing some serif font, and not the desired new font.
2) IN IE it is not even showing the serif font, but showing only the default font.

Let's not mix both.
So for (1) what do you suggest should be my next step?

Thanks,
Mukesh

sreynen’s picture

Thanks, I had forgotten this wasn't an IE-only issue. In Chrome, if you select View > Developer > Developer Tools, and click the Resources tab (may need to enable resource tracking), and then click the "Fonts" filter under that, you should see the font in that list. I think in Chrome you should see Chantelli_Antiqua-webfont.ttf in that list, but it may be some other extension. Can you confirm whether or not you see a font file in the resources list? If it's there, can you click on the "Content" tab and see if the font preview displays correctly? And if not, maybe copy the headers tab here?

I think screen sharing might be too hard to coordinate, but we can maybe try that if this doesn't get us anywhere.

mghatiya’s picture

StatusFileSize
new56.52 KB

There are no fonts listed in Resources->Font in Chrome.
Check out attached snapshot.

mghatiya’s picture

Hi,

Any luck?

Thanks,
Mukesh

sreynen’s picture

Not yet. I don't currently have any more theories about what's happening. I'm hoping to get a chance soon to do more poking around from a Windows machine and see if that gives me any better idea of what's happening.

sreynen’s picture

Status: Active » Postponed (maintainer needs more info)

I've tried to reproduce this problem on Windows XP using both IE and Chrome, and the Chantelli Antiqua font is working for me in both browsers. I think I really need a public URL where I can directly see the problem. Until someone can supply that, I'm marking this as postponed.

mghatiya’s picture

Status: Postponed (maintainer needs more info) » Active

It works now.

I observed that for some reason the css rule that was added was having font-family written as "Costura-Light", while the stylesheets had defined only "Costura-Regular", "Costura-bold", and "Costura-demibold".

Suspecting something wrong in the font installation, I deleted the fonts, and added again.

It seems to work now. Sorry for troubling you, but I was stumped.

Maybe you could try debug how is it possible to get different class in the stylesheet.css, and different class suggested in the admin interface of the module.

Thanks,
Mukesh

sreynen’s picture

Status: Active » Fixed

I'm guessing there was a problem in Font Squirrel's download that they've since fixed.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

butler360’s picture

Saw the same issue today with a font from FontSquirrel.

In the stylesheet from the zip file: font-family: 'MomsTypewriterRegular';

In the page it was just called "MomRegular." When I edited the stylesheet from the zip file to MomRegular the font showed up.

sreynen’s picture

Status: Closed (fixed) » Active

That sounds like a bug on FontSquirrel's end. Not much I can do about it in the module.

sreynen’s picture

Status: Active » Closed (fixed)

Oops. Didn't mean to change this back to active.

butler360’s picture

OK, makes sense. Only thing I could suggest then is possibly a note about this in the readme?

sreynen’s picture

@butler360, if you want to open a separate issue with proposed README text, go ahead.