Bug 237476

Summary: Safari 15 does not load font awesome in IFRAME
Product: WebKit Reporter: Ivan <ivberezansky>
Component: FramesAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Major CC: ahmad.saleem792, mmaxfield, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 15   
Hardware: All   
OS: All   
Attachments:
Description Flags
Example of wrong behavior none

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
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2022-03-04 16:50:51 PST
<rdar://problem/89841517>
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.