具有自定义字体类型和颜色的 WKWebView

Question

我想在 WKWebView 加载带有自定义字体系列和文本颜色的 html 字符串，我尝试将此 CSS 嵌入到 HTML 中，但它不起作用:(。

 [NSString stringWithFormat:@"<html> \n"
                                   "<head> \n"
                                   "<style type=\"text/css\"> \n"
                                   "body {font-family: \"%@\"; font-size: %d;}\n"
                                   "</style> \n"
                                   "</head> \n"
                                   "<body>%@</body> \n"
                                   "</html>", @"DINNextLTW23Regular", self.fontSize,@"Text"];

Answer 1

首先，您可以创建一个 css 文件，然后在该文件中添加您的字体和样式

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

h1 {
    font-family: 'FONT_FAMILY';
    font-size: 20px;
    font-weight: normal;
}

并用 css 文件加载 html 字符串

NSString *css = [NSString stringWithFormat:@"<head>"
                        "<link rel=\"stylesheet\" type=\"text/css\" href=\"YOUR_CSS_FILE.css\">"
                        "</head>"];
NSString *content = [NSString stringWithFormat:@"<body>"
                        "<h1>%@</h1>"
                        @"</body>", @"YOUR_TEXT"];

[_wkWebView loadHTMLString:[NSString stringWithFormat:@"%@%@", css, content]
                   baseURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"YOUR_CSS_FILE" ofType:@"css"]]];

您可以更改样式名称 h1

Answer 2

font-family应该是系统字体系列。 否则，您必须将自定义字体文件导入到您的项目中。

具有自定义字体类型和颜色的 WKWebView

问题描述

2 个解决方案

解决方案1
4 已采纳 2017-03-08 12:16:23

解决方案2
-1 2017-03-08 11:01:47

具有自定义字体类型和颜色的 WKWebView

问题描述

2 个解决方案

解决方案1 4 已采纳 2017-03-08 12:16:23

解决方案2 -1 2017-03-08 11:01:47

解决方案1
4 已采纳 2017-03-08 12:16:23

解决方案2
-1 2017-03-08 11:01:47