Loading .css file after downloading it in local storage using InAppWebview flutter working in android but not on iOS

[neeluagrawal04]

I want to load the .css file after downloading it in local storage using inAppWebview.

Technology	Version
Flutter version	latest
Plugin version	latest
Android version	31
iOS version	17

0

I would like to load the contents of .css file which will contains the fonts like KaTeX_AMS-Regular.woff2

So, the css file contains the content like file main.css

@font-face{font-family:abcd_AMS;src:url(fonts/abcd_AMS-Regular.woff2) format("woff2"),url(fonts/abcd_AMS-Regular.woff) format("woff"),url(fonts/abcd_AMS-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:abcd_Caligraphic;src:url(fonts/abcd_Caligraphic-Bold.woff2) format("woff2"),url(fonts/abcd_Caligraphic-Bold.woff) format("woff")

so these font file I am downloading at a file path and loading the html like this

destinationFilePath.path will be path where the contents of css are downloaded. File content will be like:

root --> content --> main.css

root --> content --> fonts --> abcd_Caligraphic-Bold.woff root --> content --> fonts --> abcd_Caligraphic-Bold.woff2 .. and so on

String htmlContent = """ $data """;

The above code works properly in android but it does not read the css font file contents in iOS.

I am using https://pub.dev/packages/flutter_inappwebview package to load the contents in webview.

InAppWebView( initialOptions: InAppWebViewGroupOptions( crossPlatform: InAppWebViewOptions( mediaPlaybackRequiresUserGesture: false, disableVerticalScroll : true, disableHorizontalScroll : true, disableContextMenu: true, useShouldOverrideUrlLoading: true, allowFileAccessFromFileURLs: true, allowUniversalAccessFromFileURLs: true), ios: IOSInAppWebViewOptions( allowsInlineMediaPlayback: true, allowingReadAccessTo: Uri.file(fontFilePath.path), ), ), initialData: InAppWebViewInitialData(data: htmlContent),

);

using the above code snippet, it will works perfectly fine in android but not on ios

[github-actions[bot]]

👋 @neeluagrawal04

NOTE: This comment is auto-generated.

Are you sure you have already searched for the same problem?

Some people open new issues but they didn't search for something similar or for the same issue. Please, search for it using the GitHub issue search box or on the official inappwebview.dev website, or, also, using Google, StackOverflow, etc. before posting a new one. You may already find an answer to your problem!

If this is really a new issue, then thank you for raising it. I will investigate it and get back to you as soon as possible. Please, make sure you have given me as much context as possible! Also, if you didn't already, post a code example that can replicate this issue.

In the meantime, you can already search for some possible solutions online! Because this plugin uses native WebView, you can search online for the same issue adding android WebView [MY ERROR HERE] or ios WKWebView [MY ERROR HERE] keywords.

Following these steps can save you, me, and other people a lot of time, thanks!

[Enginebeck]

Hi @neeluagrawal04 , did you solved this issue? Could you please share your solution?