Resource interpreted as Font but transferred with MIME type font-woff with NodeJS

Question

I am getting Resource interpreted as Font but transferred with MIME type font-woff warning in Chrome when I run my application. I understand that this is a common error & there are lots of post around the same issue.

I am using NodeJS and ExpressJS to run my web application and most of the solutions provided works for IIS or ASP.NET.

I looked at following links

The warning comes only in chrome broswer.

Resource interpreted as Font but transferred with MIME type font-woff: "data:font-woff;base64,d09GRgABAAAAADV4ABMAAAAAVVAAAQAAAAAAAAAAAAAAAAAAAAAAA…0RofyBQ0TTUkwj7OhEtUMmyHSjGSOTuWY2rI32PdNJPiQZL3TSQq4+STRSagAAAAFVQS0vAAA=". jquery.js:1083
(anonymous function) jquery.js:1083
assert jquery.js:895
Sizzle.setDocument jquery.js:1082
(anonymous function) jquery.js:2556
(anonymous function) jquery.js:2611
(anonymous function) jquery.js:34
(anonymous function)

Please help.

@idbehold: Where should I add this? I know the issue is due to missing `mime-type`. But with `NodeJs`, I dont know where I should add the `mime-type`? — SharpCoder, Jun 08 '15 at 12:08
it looks like you're creating them using data-uris, so: there. `data:application/font-woff;base64,.......` — Mike 'Pomax' Kamermans, Jun 08 '15 at 21:06
@Mike'Pomax'Kamermans: Please add your comment as answer. You suggestion seems to be working for me & I will mark it as answer. Thanks !!! — SharpCoder, Jun 09 '15 at 07:56

score 1 · Accepted Answer · answered Jun 09 '15 at 14:47

1

Make sure to use full "type/encoding" mime type strings when using data-uris:

data:text/html;base64,.......
data:image/png;base64,.......
data:application/font-woff;base64,.......

In this case you're missing the "application" type indication.

answered Jun 09 '15 at 14:47

Mike 'Pomax' Kamermans

49,297
16
112
153

Resource interpreted as Font but transferred with MIME type font-woff with NodeJS

1 Answers1