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

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

Remove FeedWind Branding Logo “powered by feedwind”

Remove FeedWind Branding Logo “powered by feedwind”

how to remove the FeedWind Branding Logo into the widget

Preloaded Text

Preloaded Text

An official document detailing FeedWind’s Preloaded Text feature. Use this feature to show customized text on the loading screens...

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