Using your web font via custom CSS

  • Created : Dec, 15, 2017
  • Last Updated: Aug, 17, 2023

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

Contents1 Copyright law applies to a link target2 Why we don’t offer a link editing feature3 Disabling links is...

Beef Up Your Titles

Contents1 Introducing a new feature to allow you to make titles bold in your FeedWind widgets.1.1 MAIN TITLE BOLD STYLING1.2...

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...