Using custom fonts in WKWebView

by

I faced same issue, in my case i could fix it WITHOUT using base64 encoding and GCDWebServer.

Scenario:

  • WkWebView loading is through string html
  • WkWebView is using local .css
  • Fonts are local and are added at top level project
  • Entries for fonts are provided in appName-info.plist under key UIAppFonts / Fonts provided by application (Note: We need to make this dance because WKWebView ignores this key, but it is still a good idea to declare it so you can use the fonts in native controls)

Solution:

Add font face in .css at top level as follows

@font-face
{
    font-family: 'FontFamily';
    src: local('FontFamily'),url('FontFileName.otf') format('opentype');
}

DEMO PROJECT:

GitHub Project Link

NOTE: Fresh demo app run may take 2-3 sec, I have tested it for long html string it works same as UIWebView, no lags. Same font may look bit smaller in WKWebView than UIWebView.

More Related Contents:

  1. Can I set the cookies to be used by a WKWebView?
  2. ITMS-90809: Deprecated API Usage — Apple will stop accepting submissions of apps that use UIWebView APIs
  3. Getting all cookies from WKWebView
  4. Insert CSS into loaded HTML in UIWebView / WKWebView
  5. How to delete WKWebview cookies
  6. Using custom font in a UIWebView
  7. WKWebView in Interface Builder
  8. Migrating from UIWebView to WKWebView
  9. ITMS-90809: Deprecated API Usage – existing app that use UIWebView are no longer accepted
  10. Change User Agent in UIWebView
  11. WKWebView not loading local files under iOS 8
  12. Load resources from relative path using local html in uiwebview
  13. UIButton custom font vertical alignment
  14. How to load local html file into UIWebView
  15. WKWebView open links from certain domain in safari
  16. How to determine the content size of a WKWebView?
  17. Dynamically changing font size of UILabel
  18. iOS 8 SDK: modal UIWebView and camera/image picker
  19. How to display .svg image using swift
  20. Custom installed font not displayed correctly in UILabel
  21. Creating PDF file from UIWebView
  22. Using custom font for entire iOS app swift
  23. Enable Camera and Mic access in wkwebview
  24. WKWebView Persistent Storage of Cookies
  25. How to remove cache in WKWebview?
  26. How to Load Local PDF in UIWebView in Swift
  27. How to call JavaScript Function in objective C
  28. massive memory leak in ios UIWebView
  29. Disable magnification gesture in WKWebView
  30. Why I get the console warning: [Process] kill() returned unexpected error 1 when I load a WKWebView in iOS13.2?

Leave a Comment