Question

我试图在WKWebView中呈现的某些动态HTML的CSS中使用本地字体（随应用程序安装的字体）。我已阅读了大量Stack Overflow帖子和webpage。要回顾我的所作所为：

字体（在本例中为ImpactLTStd.otf）是iOS应用程序的一部分。

它是由应用程序部分提供的字体中的应用程序plist的一部分输入的。

根据引用的网页，我可以确认构建阶段的复制捆绑资源部分中列出了ImpactLTStd.otf，并让我相信ImpactLTStd.otf正在与应用程序捆绑在一起。

字体在CSS中列为：

<style> @font-face {font-family: 'Impact LT Std'; src: local('Impact LT Std'), local('ImpactLTStd'), url('ImpactLTStd.otf'); format('opentype'); } </style>

我以这种方式以两种不同的方式引用字体（一种是字体系列，一种是字体名称，以便查看哪种方式有效，两种方式都没有）：

<style> .box_root { overflow: auto; background-color: #000000; padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 1.5em; max-width: 1440px; max-height: 640px; display: table; } .box_title { color: #ffd300; line-height: 1em; font-size: 85pt; font-size: 6vw; font-family: 'Impact LT Std'; text-transform: uppercase; } .box_description { padding-top: .5em; line-height: 1em; color: #ffffff; font-size: 65pt; font-size: 4vw; font-weight: bold; font-family: 'ImpactLTStd'; }

我使用WKWebView
将HTML加载到loadHTMLString
webView.loadHTMLString(getHtml(), baseURL: nil)

但是，使用CSS标记在WKWebView中显示的HTML文本不使用Impact字体，而是使用一些看起来像Times New Roman的默认字体。

任何人都知道我做错了什么步骤？

Answer 1

加载HTML字符串时未提供基本URL，这将导致字体无法加载。尝试访问捆绑包的主要资源路径，如下所示：

if let resourcePath = Bundle.main.resourcePath {
    let url = URL.init(fileURLWithPath: resourcePath)
    webView.loadHTMLString(getHtml(), baseURL: url)
}

在WKWebView中使用自定义本地字体

1 个答案: