RESOLVED CONFIGURATION CHANGED237476
Safari 15 does not load font awesome in IFRAME
https://bugs.webkit.org/show_bug.cgi?id=237476
Summary Safari 15 does not load font awesome in IFRAME
Ivan
Reported 2022-03-04 10:20:08 PST
Created attachment 453854 [details] Example of wrong behavior <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <iframe width="600" height="300" src=""></iframe> <script type="text/javascript"> $(function() { var f = $('iframe')[0]; wnd = f.contentWindow, doc = f.contentDocument; if(wnd.stop) { wnd.stop(); } $(doc.head).append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">'); $(doc.body).html('{<i class="fa fa-angle-left"></i><i class="fa fa-angle-right"></i>}'); }); </script> </body> </html> instead symbols Safari shows squares. Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.3 Safari/605.1.15
Attachments
Example of wrong behavior (71.99 KB, image/png)
2022-03-04 10:20 PST, Ivan
no flags
Radar WebKit Bug Importer
Comment 1 2022-03-04 16:50:51 PST
Ahmad Saleem
Comment 2 2025-04-08 19:11:08 PDT
https://jsfiddle.net/pkwtL3uj/ ^ Same as from Comment 0, it seems to load fine in Safari 18.4 (macOS 15.4) and match Chrome Canary 137.
Note You need to log in before you can comment on or make changes to this bug.