如何在 swift 4.2 中加载动态 html 页面时实现 iOS 上的 wkWeb view 的本地自定义字体?



首先,我在 Web 部件中创建了我的样式.css

@font-face {
font-family: "Noto Sans Southeast Asian";
font-weight: normal;
src: local("Noto Sans Southeast Asian"), url("NotoSansSoutheastAsian-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Noto Sans Southeast Asian Bold";
font-weight: bold;
src: local("Noto Sans Southeast Asian Bold"), url("NotoSansSoutheastAsian-Bold.ttf") format("truetype");
}

我已经完成了本机iOS部分的此说明 自定义字体在 SWIFT 中无法以编程方式工作

它没有用

我得到的建议是,如果我想动态制作,则必须将我的 HTML 页面编码为 base64,然后将其带到本机部分以添加 wkWebview 的本地字体

我不知道如何实现 wkWebview 以在我的项目从 Html 文件加载的每个页面中使用我的自定义字体

我从wkWebview开始。 我的项目使用 swift 4.2

func updateHTMLStringStyle(fontSize: String, bodyContent: String) -> String {
return "<html><head><meta charset='utf-8'><meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'><meta name='theme-color' content='#000000'><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' /><meta name='theme-color' content='#000000'><meta name='msapplication-navbutton-color' content='#5A9C14'><meta name='apple-mobile-web-app-status-bar-style' content='#000000'><style>a:link { color: blue; }</style><link href='https://fonts.googleapis.com/css?family=ProximaNova-Regular' rel='stylesheet'><style>:root,* {font-family: ProximaNova-Regular;font-size: (fontSize);color: "rgb(216, 216, 216)");text-align: left;-webkit-user-select: none;user-select: none;}</style></head><body>(bodyContent ?? "")</body></html>"
}       

您可以根据需要自定义此HTML格式的字体样式,文本颜色,字体大小。在上述函数中传递网页视图内容和字体大小。

使用功能

webViewBody.loadHTMLString((self.updateHTMLStringStyle(fontSize: "21px"))!, baseURL: nil)

我希望,这将是工作。

对于我的情况 我通过在style.css的 Web 部件上进行编辑来解决此问题,并将 WOFF 字体类型上传到我的网站然后链接到它。

我只知道iOS safari从iOS 10开始支持WOFF和WOFF2。

@font-face {
font-family: "Noto Sans Southeast Asian";
src: local("Noto Sans Southeast Asian"), 
url(LINK_TO_FONT/NotoSansSoutheastAsian-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Noto Sans Southeast Asian Bold";
src: local("Noto Sans Southeast Asian Bold"), 
url(LINK_TO_FONT/NotoSansSoutheastAsian-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
}

相关内容

  • 没有找到相关文章

最新更新