Sign In| Join
Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Apr 28, 2012 08:34 AM by UserTymen
0 Points
4 Posts
Apr 27, 2012 09:03 PM|LINK
Hi,
Let me simply start by describing my issue. I've been developing a website, which requires
a custom font. I've implemented this using the css3 @font-face property without any problems.
To make it cross-browser I've added both an '.eot' and a '.otf' version of the font (eot for IE).
The CSS for establishing this is as follows:
@font-face { font-family: FONTNAME; src: url('Fonts/FONTNAME.eot?') format('embedded-opentype'); src: local(FONTNAME), url(Fonts/FONTNAME.otf) format('opentype'); }
So no problems so far. Now the curious part comes. When I run this site locally it works perfectly.
Note, that I do NOT have the fonts installed on my local machine. When I deploy the website on
the server (Windows Server 2008) and I view the website it does not show the proper custom font.
What could be the cause of this?
I hope someone is able to help me with this issue.
Thanks in advance!
Member
228 Points
52 Posts
Apr 28, 2012 05:23 AM|LINK
Hey
The path you are using for the Custom font is correct at you local machine but it may not be fine at the serevr.Please Upload the file on server and change the path to where you have uploaded the file.
Apr 28, 2012 07:11 AM|LINK
Hey,
The path is relative and is exactly the same in the server as in my local development environment.
So that's not the issue (checked it many times).
All-Star
20155 Points
3328 Posts
Apr 28, 2012 07:21 AM|LINK
Check whether you able to download that font to your system! Try accessing the absolute path of the font on the server!
You can also check this link for more information!
http://jasonlau.biz/home/css/embedding-custom-fonts-with-css
Hope it helps u...
Apr 28, 2012 07:44 AM|LINK
That was a usefull test, since I was not able to download the font. Hmm.
The domain was coupled to a different server but I changed the DNS settings to point
to the other server (where it is hosted now). When I try to download the font I get a 404
- File or directory not found server error from the original server!
The DNS settings: Hostname Type Address * A my.ip.of.host.server
ftp A my.ip.of.host.server The 'mail' and '@' host names point to the original server. What should I change in order
for the server to also find the font?
Apr 28, 2012 08:13 AM|LINK
You can try uploading the font to the server, where you web pages reside!
Or if you still want to access it from different server, then make sure the server which has font file is accessible over the internet!
Apr 28, 2012 08:34 AM|LINK
The font is located on the same server as the web pages, that's why I think it is odd!
UserTymen
0 Points
4 Posts
Custom font (@font-face) different locally and on server
Apr 27, 2012 09:03 PM|LINK
Hi,
Let me simply start by describing my issue. I've been developing a website, which requires
a custom font. I've implemented this using the css3 @font-face property without any problems.
To make it cross-browser I've added both an '.eot' and a '.otf' version of the font (eot for IE).
The CSS for establishing this is as follows:
@font-face { font-family: FONTNAME; src: url('Fonts/FONTNAME.eot?') format('embedded-opentype'); src: local(FONTNAME), url(Fonts/FONTNAME.otf) format('opentype'); }So no problems so far. Now the curious part comes. When I run this site locally it works perfectly.
Note, that I do NOT have the fonts installed on my local machine. When I deploy the website on
the server (Windows Server 2008) and I view the website it does not show the proper custom font.
What could be the cause of this?
I hope someone is able to help me with this issue.
Thanks in advance!
poojajoon
Member
228 Points
52 Posts
Re: Custom font (@font-face) different locally and on server
Apr 28, 2012 05:23 AM|LINK
Hey
The path you are using for the Custom font is correct at you local machine but it may not be fine at the serevr.Please Upload the file on server and change the path to where you have uploaded the file.
UserTymen
0 Points
4 Posts
Re: Custom font (@font-face) different locally and on server
Apr 28, 2012 07:11 AM|LINK
Hey,
The path is relative and is exactly the same in the server as in my local development environment.
So that's not the issue (checked it many times).
roopeshreddy
All-Star
20155 Points
3328 Posts
Re: Custom font (@font-face) different locally and on server
Apr 28, 2012 07:21 AM|LINK
Hi,
Check whether you able to download that font to your system! Try accessing the absolute path of the font on the server!
You can also check this link for more information!
http://jasonlau.biz/home/css/embedding-custom-fonts-with-css
Hope it helps u...
Roopesh Reddy C
Roopesh's Space
UserTymen
0 Points
4 Posts
Re: Custom font (@font-face) different locally and on server
Apr 28, 2012 07:44 AM|LINK
That was a usefull test, since I was not able to download the font. Hmm.
The domain was coupled to a different server but I changed the DNS settings to point
to the other server (where it is hosted now). When I try to download the font I get a 404
- File or directory not found server error from the original server!
The DNS settings:
Hostname Type Address
* A my.ip.of.host.server
ftp A my.ip.of.host.server
The 'mail' and '@' host names point to the original server. What should I change in order
for the server to also find the font?
roopeshreddy
All-Star
20155 Points
3328 Posts
Re: Custom font (@font-face) different locally and on server
Apr 28, 2012 08:13 AM|LINK
Hi,
You can try uploading the font to the server, where you web pages reside!
Or if you still want to access it from different server, then make sure the server which has font file is accessible over the internet!
Hope it helps u...
Roopesh Reddy C
Roopesh's Space
UserTymen
0 Points
4 Posts
Re: Custom font (@font-face) different locally and on server
Apr 28, 2012 08:34 AM|LINK
The font is located on the same server as the web pages, that's why I think it is odd!