iOS、 swift : How do I allow readers to use Navigation Bar Button Items to adjust body font size in a WKWebView?

Question

问候。我正在尝试使用两个以编程方式创建的导航栏按钮项目(上图中较小和较大的“A”)，以允许读者增加或减少 iPhone 应用程序中 WKWebView 中显示的文本大小iPad。

在 View Controller 中，我有以下导入语句:

导入UIKit

导入WebKit

在 viewDidLoad 中，我使用以下内容创建两个导航栏按钮图标:

    let button1 = UIBarButtonItem(image: UIImage(named: "A_16x16"), style: .plain, target: self, action:#selector(decreaseFontSize))

    let button2 = UIBarButtonItem(image: UIImage(named: "A_28x28"), style: .plain, target: self, action:#selector(increaseFontSize))

    self.navigationItem.rightBarButtonItems = [button2, button1]

我还启动了以下功能:

    func decreaseFontSize(_ button:UIBarButtonItem!) {

    fontSize = (fontSize > 14) ? fontSize-6 : fontSize
    let fontSpecifier = "document.body.style.fontSize = '" + String(fontSize) + "px'"
    print("decrease font size button pressed")
    print(fontSpecifier)
    textWebView.evaluateJavaScript(fontSpecifier, completionHandler: nil)

}

func increaseFontSize(_ button:UIBarButtonItem!) {

    fontSize = (fontSize < 50) ? fontSize+6 : fontSize
    let fontSpecifier = "document.body.style.fontSize = '" + String(fontSize) + "px'"
    print("increase font size button pressed")
    print(fontSpecifier)
    //textWebView.evaluateJavaScript("document.body.style.fontSize = '40px'", completionHandler: nil)
    textWebView.evaluateJavaScript(fontSpecifier, completionHandler: nil)

}

HTML 文本的 CSS 包括以下样式:

  body {
      color: black;
      background: white;
      font-size: 1.2em; /*20px; but use em */
      text-align: left;
      font-family: "MyCustomFont", sans-serif;
      margin-right: 8px;
      margin-left: 8px;
  }

这有点工作，但“MyCustomFont”(或不带引号的 MyCustomFont)被忽略。我非常希望显示自定义字体。

任何指导或建议的解决方案将不胜感激。

Answer 1

感谢 Aditya Deshmane 对 Using custom fonts in WKWebView 的答复我把它放在 CSS 文件的顶部，然后显示我的自定义字体:

    @font-face {
        font-family: 'MyCustomFont';
        src: local('MyCustomFont'),url('MyCustomFont.ttf') format('truetype');
    }

这些图标似乎在我的 iPad-mini 4 中根据需要调整字体大小，但在我的 iPhone 6 中“工作”有些不一致。我还没有接受这个，我自己的答案，作为“已接受的答案”有改进的余地。