[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"howto:woff:ios:en":3},{"resolvedFromAlias":4,"canonicalExt":5,"ext":5,"name":6,"category":7,"categoryName":8,"updatedAt":9,"os":10,"osLabel":11,"quickSolution":12,"stepByStep":13,"recommendedSoftware":15,"alternativeMethods":16,"commonIssues":17,"securityNote":36,"extensionPath":37,"extensionLabel":38,"breadcrumbs":39,"metaDescription":49},false,"woff","Web Open Font Format (WOFF)","fonts","Fonts","2026-06-12T08:27:26.177Z","ios","iOS","To open .WOFF files on iOS, most iOS use cases involve .woff being loaded by a web page in the browser; to view it directly, open a page that references the font rather than trying to install it as a system font.",[14],"Most iOS use cases involve .woff being loaded by a web page in the browser; to view it directly, open a page that references the font rather than trying to install it as a system font.",[],[],[18,24,30],{"title":19,"description":20,"steps":21},"Font doesn’t load on the website (wrong MIME type or server configuration)","Browsers expect web fonts to be served with an appropriate media type. If the server sends an incorrect type (or a deprecated one), the font may fail to load or be blocked by policies in some configurations.",[22,23],"Configure your web server to serve .woff with the standardized media type font/woff (per the IETF/IANA registration).","Re-test in the browser and confirm in Developer Tools that the response Content-Type is font/woff.",{"title":25,"description":26,"steps":27},"CSS @font-face reference is wrong (path/format mismatch)","A common practical issue is a broken URL path to the .woff file or an incorrect format() hint in @font-face, causing the browser to skip the source.",[28,29],"Verify the URL in src: url(...) points to the actual .woff location and that the file is accessible (no 404 in Network tab).","Use format('woff') for .woff sources and ensure the @font-face family name matches what you use in font-family.",{"title":31,"description":32,"steps":33},"Confusing .woff with .woff2",".woff and .woff2 are different formats with different specifications. Serving only one when the client expects the other can lead to missing fonts on some setups (especially when older assets or build pipelines are involved).",[34,35],"Confirm whether you have .woff (WOFF 1.x) or .woff2 (WOFF 2.0) files; don’t rename extensions to “convert.”","Provide the appropriate sources in @font-face (often listing both .woff2 and .woff, each with the correct format hint) if you need broader compatibility.","WOFF files are font resources, not scripts, but they are still binary files parsed by browsers and font libraries; malformed fonts can trigger parser vulnerabilities in consumers (browsers, rendering engines, or font tooling). Treat untrusted web font files as potentially risky inputs.","/file-extension/woff",".WOFF",[40,43,46],{"label":41,"to":42},"Home","/",{"label":44,"to":45},"How To","/file-extension",{"label":47,"to":48},"Open .WOFF on iOS","/how-to/open-woff-on-ios","Learn how to open .WOFF files on iOS with step-by-step instructions, recommended software, and troubleshooting tips."]