I am getting 404 errors in IIS7 for embedded .woff font files. Earlier it was working fine but suddenly it stopped on local as well production site. I tried changing MIME type but nothing works.
Try this reference link,
Serving web sites with embedded fonts
Related
I've got a Next.js site where I'm serving some self-hosted fonts using #font-face and locally the fonts come through fine with no errors and the correct content-type, like so:
But once I get it up on a production server, the fonts are being served, but getting 500 errors and coming through with the content-type text/html.
Not sure what is going on here. I've served fonts through the public folder before on other sites without a problem. This is on Digital Ocean with a custom express server handling a few extra things. I've tried different font file types, moving the font directory, etc.
What's even stranger is that I only get the 500 errors on Chrome. Both Safari and Firefox will serve the fonts with status 200, but their content-type is still txt.
Here is the staging server.
It turned out to be a CORS issue. I had to update my CORS policy through Express.js to allow the remote server. This resolved the issue for me.
I'm working on a jekyll app, which, if you're not familiar with the platform, is a static website generator that runs on Ruby. It uses a webrick server for development.
So, I'm also using fontello to load some icon glyphs.
Now, when I have the server running, and I load the page on a PC (windows or linux, various browsers) everything works fine.
When I load the page on an iDevice, I get the following warnings
[2016-05-27 22:54:10] ERROR `/font/fontello.svg' not found.
[2016-05-27 22:54:10] ERROR `/font/fontello.woff' not found.
[2016-05-27 22:54:11] ERROR `/font/fontello.ttf' not found.
[2016-05-27 22:54:12] ERROR `/font/fontello.svg' not found.
Now, the weird part is, the fonts load fine. The page looks just like it should on the iDevice. Which seems odd. If it can't load the font, why is the font displaying?
I'm tempted to just ignore the warnings, but then I'm worried the page will load slower if there are 404's.
Again, the error only appears on iDevices. Same application generates no errors on desktop or android.
Any ideas?
I have applied some fonts in my CSS. they are applied when I run the website from my visual studio. but when I host the website in IIS fonts are not applied.
I am using CSS3 property font-face to load font files.
I have Googled a lot but I did not find any solution for it.
Can any body help me here?
Thanks.
If you are facing the similar issue , try adding .woff and .svg extensions in IIS MIME Type.
By default, the MIME types in IIS are configured to deliver EOT (as used by IE) and TTF files. But WOFF (Firefox) and SVG (iPhone, iPad & others) will not be served.
Open IIS , go to your IIS Type section and Add following extension there.
.woff application/x-woff
.svg image/svg+xml
I have a django site running locally. Everything seems ok except the CSS files that can not be loaded by Chrome. I can see a Failed to load resource error in the console.
The site is ok in firefox
The site is ok if I get the css not from the local server but from the production server
The css source can be viewed correctly
I have no special blocker plugin install
The css is rather big but I still have the issue if I use a very short file
I have similar issues with some js files (ckeditor)
It works of with some other css and js (admin css for example)
The django app has been developped with 1.0 and I am in the process of moving it to 1.4. The css and js files are served as media
Any idea?
Didn't find the real cause but the problem is solved. Maybe because it was served as media and now it is served as a static.
I recently finished a Genesis (v1.5) child theme for WordPress (v3.1), uploaded it to my site and the fonts aren't appearing as they should. I used Font Squirrel to make the appropriate files and CSS for the font. I have permission from the font designer to use it for web embedding. This same code works great on my test site.
I used Firebug (v1.6.2) in Firefox (on OS X, v3.6.15) and found that the font files were getting 404 errors. I've triple checked the files and they are where they should be. I've uploaded them again and again and still get 404 errors on the font files. The fonts do not work in Chrome (on OS X, v10.0.648.133), Internet Explorer (on Win XP SP3, v8.0.6001.18702), or Firefox (on Win XP SP3, v3.6.15).
I tried turning off plugin one-by-one, but that didn't make any difference, so I know it's not a plugin conflict. I'm looking at the font files on the server, so I know they are there. Any ideas what to try next?
NOTE: I changed the CSS for the title font size on the production site since it jacked up the layout without the correct font. Otherwise, the code is identical to the test site. Note the "Remove these once font-face works" section at the top of the CSS file.
I too was getting 404 errors with my face-face files in WordPress. The files were there but I was getting a 404 inside WordPress.
I moved my font directory out of WordPress and put it into the root of the domain and changed my CSS accordingly.
All OK now.
In production site you have your fonts in fonts/ directory, while in the test case only "GuildofProfessionalActorsRegu" links to fonts/ and if you change the font family on #title a with firebug you'll see a your custom font. Try fixing the first rule.
Using any proxy?
At my work I can't see mines in a web I did some time ago...