Comments (5)
Access to Font at 'https://d33wubrfki0l68.cloudfront.net/fonts/fontawesome-webfont.woff2?v=4.6.3' from origin 'https://reactiveui.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://reactiveui.net' is therefore not allowed access. The response had HTTP status code 404.
CDN object Not Found - Request ID: 55b2c826-dc46-48af-9b52-05bd8803a307-159127
It turns out FontAwesome was removed from CDN the website currently uses.
We can switch to this one: https://cdnjs.com/libraries/font-awesome
Or store the fonts locally. The question is how to do this.
from website.
Looks like the entire purpose of cdnjs is for this type of purpose so lets go with them.
from website.
@worldbeater That is interesting (and I have confirmed that in the Chrome Developer Tools), good find. I have several other sites built with Wyam that use the theme that aren't experiencing this issue. So the question in my mind is, what makes us so special that we found the easter egg?
from website.
When I clone the repo and run the website on my local machine, the icons are back.
Probably there are some issues with deployment or host, I'm unable to fix that :(
from website.
Looks like the entire purpose of cdnjs is for this type of purpose so lets go with them.
+1 for cdnjs
I have several other sites built with Wyam that use the theme that aren't experiencing this issue. So the question in my mind is, what makes us so special that we found the easter egg?
Wyam doesn't use a CDN in the default theme (that's intentional). All the assets (except for the Google Fonts) are distributed in the theme.
When I clone the repo and run the website on my local machine, the icons are back.
Digging deeper, it looks like the ReactiveUI theme still uses local FontAwesome assets:
_Master.cshtml
:
<link href="@Context.GetLink("/assets/css/font-awesome.min.css")" rel="stylesheet" type="text/css">
And since there's no override for font-awesome.min.css
, it's still coming locally from the default theme. That suggests Cloudflare is swapping out the local Font Awesome files for CDN-based ones during deployment (I don't know that much about how Cloudflare works). That would also explain why it still works locally - because there's not deployment to Cloudflare and thus the asset links remain local and aren't being replaced with CDN versions.
from website.
Related Issues (20)
- Issue with docs/handbook/message-bus/index.md HOT 3
- Issue with docs/handbook/observable-as-property-helper/index.md HOT 1
- [Bug]: web site is down HOT 2
- [BUG] add responsive to video HOT 1
- Issue with reactive-extensions/Observable/Observable.md HOT 3
- [Bug]: Broken Links in Extensions HOT 2
- [Bug]: Broken links for "Using Rx" HOT 2
- [Bug]: HOT 1
- Accessibility navbar-collapse HOT 1
- [FEATURE]: Add dark mode HOT 3
- Accessibility add lang tag to html HOT 1
- remove unnecessary header HOT 1
- [Bug]: Minor spelling error on front page HOT 3
- [Bug]: Broken inline JS on documentation index page HOT 1
- add more padding to home page (ui) HOT 1
- add new favicons for all devices HOT 1
- [Bug]: not responsive nav HOT 1
- Action Required: Fix Renovate Configuration HOT 1
- Dependency Dashboard
- [Bug]: "Almost always use this as the left hand side of a WhenAny call" is misleading HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from website.