@font-face problem on mobile

[sorrentandrea]

not me =)

[chrisburton]

Anyway, @sorrentandrea. As long as your fonts are accessible on your server, they require attribution. Just wanted to let you know.

Any luck on the htaccess fix?

Just for testing purposes, can you edit your css files and put in the absolute URL’s inside @font-face?

(e.g.)

@font-face {
font-family: ‘museo_sans_500regular’;
src: url(‘http://mysite.com/webfont2/museosans_500-webfont.eot’);
src: url(‘http://mysite.com/webfont2/museosans_500-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘http://mysite.com/webfont2/museosans_500-webfont.woff’) format(‘woff’),
url(‘http://mysite.com/webfont2/museosans_500-webfont.ttf’) format(‘truetype’),
url(‘http://mysite.com/webfont2/museosans_500-webfont.svg#museo_sans_500regular’) format(‘svg’);
font-weight: normal;
font-style: normal;

[sorrentandrea]

@chrisburton I’ll give attribution as soon as possible, thanks for the tip =)

I edited the css files with the absolute URL’s but it’s not working now, maybe it’s a fault of mine, I don’t know =(

I’m having some problem with the htaccess (I’m not good at it, so I’m learing the basic now =) )

[chrisburton]

@sorrentandrea I found that your site requires the “www”. So in your css you need to add the following:

@font-face {
font-family: ‘museo_sans_500regular’;
src: url(‘http://www.andreasorrentino.eu/new/webfonts/museosans_500-webfont.eot’);
src: url(‘http://www.andreasorrentino.eu/new/webfonts/museosans_500-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘http://www.andreasorrentino.eu/new/webfonts/museosans_500-webfont.woff’) format(‘woff’),
url(‘http://www.andreasorrentino.eu/new/webfonts/museosans_500-webfont.ttf’) format(‘truetype’),
url(‘http://www.andreasorrentino.eu/new/webfonts/museosans_500-webfont.svg#museo_sans_500regular’) format(‘svg’);
font-weight: normal;
font-style: normal;

So I believe the issue is that you are not linking to them correctly even with the “www” in the URL. But you should still force the non “www” to redirect to the “www”

Do you have CPanel?

[Paulie_D]

I know I must be missing something but I cannot find a folder called ‘webfonts’ via Chrome Inspector.

[chrisburton]

@Pauli_D Same here. Which is why I think it has to do with invalid links.

[sorrentandrea]

@chrisburton yes you’re right the service on wich I’ve the website do not support the non “www” so I’m making change to the DNS to correct this lack but it takes 12-24h to do this, so in the meanwhile I updated the links as you suggested with the “www” but it still don’t work.

Thanks guys you’re amazing! =)

[chrisburton]

@sorrentandrea When linking correctly to the font files, I should be able to put that link in my browser’s URL bar and it should download automatically to my computer. This isn’t happening. I just get a 404 which tells me that the files are not linking to the actual files. I would like to see the folder structure on your server. Can you screenshot where on your server the files are?

[sorrentandrea]

@chrisburton sorry for my ignorance but I don’t know how to add a screenshot to this discussion

[chrisburton]

@sorrentandrea Upload the image to http://tinypic.com and post the URL.

[sorrentandrea]

Here is the screenshot thanks for the patience chris

[chrisburton]

@sorrentandrea Those are your CSS files. Where are the font files?

[sorrentandrea]

In the webfonts folder

[chrisburton]

@sorrentandrea Okay. Right click on one of them and copy the link address. Then paste it here.

[chrisburton]

@sorrentandrea Ah ha! Nevermind. I found the correct URL.

Update your CSS @font-face to use the following URL:

`http://www.andreasorrentino.eu/new/css/webfonts/webfont-file-name-goes-here`

e.g.

@font-face {
font-family: ‘museo_sans_500regular’;
src: url(‘/webfonts/museosans_500-webfont.eot’);
src: url(‘/webfonts/museosans_500-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/museosans_500-webfont.woff’) format(‘woff’),
url(‘/webfonts/museosans_500-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/museosans_500-webfont.svg#museo_sans_500regular’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

[Author]

Posts