Using your web font via custom CSS

  • Created : Dec, 15, 2017
  • Last Updated: Jun, 9, 2022

Using your web font via custom CSS

You can display your own Web font by using a custom CSS. However, sometimes you may see errors like this. As a result, your Web font will not apply to your widget.

“Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://yourdomain.com/fonts/your_web_font.woff2. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

How to resolve the error

To resolve the error, please change your server configuration file to allow CORS request from “https://feed.mikle.com”. If your site is HTTP, please allow “http://feed.mikle.com”.

How to change the configuration? It depends on the web server you are using and your security policy. Please refer to the following examples of the server.

Nginx:
https://enable-cors.org/server_nginx.html

Apache:
https://enable-cors.org/server_apache.html


Related posts

Changing a Link Target in 3rd Party Content

We are often asked whether it is possible to change the link target for links in feeds. This article explains...

Beef Up Your Titles

Introducing a new feature to allow you to make titles bold in your FeedWind widgets. You can now make titles...

FeedWind Analytics Feature

FeedWind Analytics Feature

FeedWind’s Analytics feature is a mechanism for users to tally the amount of impressions received by a widget or...

Start your free trial. FeedWind is the easiest way to add dynamic content on your website.
Create Now