How to fallback to local stylesheet (not script) if CDN fails

by

One could use onerror for that:

<link rel="stylesheet" href="cdn.css" onerror="this.onerror=null;this.href="https://stackoverflow.com/questions/7383163/local.css";" />

The this.onerror=null; is to avoid endless loops in case the fallback it self is not available. But it could also be used to have multiple fallbacks.

However, this currently only works in Firefox and Chrome.

Update: Meanwhile, this seems to be supported by all common browsers.

More Related Contents:

  1. Bootstrap 4 Carousel “Half of previous”
  2. How can I select an element with multiple classes in jQuery?
  3. set content height 100% jquery mobile
  4. How to swipe top down JQuery mobile
  5. Bootstrap 3 Glyphicons CDN
  6. JQM (jQueryMobile) Dynamically added elements not displaying correctly and CSS is not applied
  7. Increase cursor size in HTML body
  8. Make a perfect circle around a div of variable height
  9. In jQuery mobile, what’s the diff between tap and vclick?
  10. Hide/Show div on specific page with jquery
  11. div 100% width with other div fixed
  12. How to design an HTML/CSS signature that will work in Outlook 2016? [duplicate]
  13. CSS: Width in percentage and Borders
  14. Can ordered list produce result that looks like 1.1, 1.2, 1.3 (instead of just 1, 2, 3, …) with css?
  15. Does opacity:0 have exactly the same effect as visibility:hidden
  16. Stretch text to fit width of div
  17. How to stop text from taking up more than 1 line?
  18. What’s the difference between flex-start and baseline?
  19. Scroll particular DIV contents with browser’s main scrollbar
  20. CSS horizontal centering of a fixed div?
  21. Font Awesome icons are not working, I have included all required files [closed]
  22. How do I make Firefox auto-refresh on file change?
  23. Tooltip with HTML content without JavaScript
  24. Change color of one character in a text box HTML/CSS [duplicate]
  25. Second line in li starts under the bullet after CSS-reset
  26. Blank iFrame in IE
  27. text-decoration not working for visited state link
  28. Div with horizontal scrolling only
  29. Best Way to do Columns in HTML/CSS
  30. How can I reorder elements with JavaScript?

Leave a Comment