How to get web font when iOS is in Lockdown mode for Maui+Blazor?

An Liu 5

We currently use Poppins as the font and bundle the "woff" files locally.

It works well in general mode.

But the URL in src doesn't work when the ios uses Lockdown mode.

How to get Poppin in Lockdown mode? User's image

https://support.apple.com/en-us/HT212650

1 answer

Bruce (SqlWork.com) 63,746 Reputation points

2023-08-28T21:45:40.7466667+00:00

you would download and add the font to the Maui project as a resource. Then edit the Maui app to register the font. Then the Blazor CSS references the font by the installed name not as a web resource. You could also just use a fonts folder and reference locally.

note: it is probably poor design to require an internet connection to display a Blazor page. I would not use any links that were not local resources.
Please sign in to rate this answer.
An Liu 5 Reputation points

2023-08-29T12:45:41.6066667+00:00

The Woff files are already local resources, but the iOS lockdown mode blocks the URL access.

I tried to register the font. It doesn't work.

Bruce (SqlWork.com) 63,746 Reputation points

2023-08-29T20:55:32.2266667+00:00

the apple notes for lockdown say that css dynamic loading of binary fonts is disabled. so src url is disabled. this probably means WKWebView does not support custom application fonts when in lockdown mode. I assume you could not pass the font as base64 string either (the other approach of defining CSS fonts).

try installing the font on the IOS device as a system wide font, say with IFont (which supports google fonts) Then just use the proper font family name in CSS.

If this works you will need to setup you app to install the app font as a system font:

https://developer.apple.com/documentation/xcode/configuring-custom-fonts

Note: requires the Font Entitlement

An Liu 5 Reputation points

2023-08-30T14:50:27.2733333+00:00

[duplicate]

An Liu 5 Reputation points

2023-08-30T14:52:13.47+00:00

Is it possible in Maui to force ios to install the app font as the system font?

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 30,416 Reputation points Microsoft Vendor

2023-09-11T07:01:59.3666667+00:00

As Bruce said, you could customize the font, and your iOS app can contribute fonts for systemwide. But you cannot force the users to do this, your app should request the required permissions.
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

How to get web font when iOS is in Lockdown mode for Maui+Blazor?

1 answer

Your answer