Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Apr 28, 2012 08:34 AM by UserTymen
Apr 27, 2012 09:03 PM|LINK
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:
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!
Apr 28, 2012 05:23 AM|LINK
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
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).
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!
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!