如何更改UIWebView默认字体

问题描述 投票:19回答:9

UIWebView默认使用什么字体?我希望能够改变这一点。但我不想在html字符串中这样做,而是希望有类似的东西:

// obj-c
[webView setFont:[UIFont fontWithName:@"GothamRounded-Bold" size:14]

// swift
webView.setFont(UIFont(name: "GothamRounded-Bold", size: 14))

有这样的财产还是其他方式?

ios objective-c swift uiwebview wkwebview
9个回答
44
投票

你可以使用你的UIFont对象(所以你可以设置它并更容易修改),但是将HTML包装在span中; font标签have been deprecated自HTML 4.01起。

UIFont *font = [UIFont fontWithName:@"GothamRounded-Bold" size:14];

假设您已经创建了NSString *htmlString,则可以使用该字体的属性:

htmlString = [NSString stringWithFormat:@"<span style=\"font-family: %@; font-size: %i\">%@</span>",
                                        font.fontName,
                                        (int) font.pointSize,
                                        htmlString];

或者,您可以提供值而不是使用UIFont对象:

htmlString = [NSString stringWithFormat:@"<span style=\"font-family: %@; font-size: %i\">%@</span>",
                                        @"GothamRounded-Bold",
                                        14,
                                        htmlString];

23
投票

在加载到webView之前,只需将<font face>标记添加到字符串前面。

NSString *body = [plist objectForKey:@"foo"];
NSString *htmlString = 
    [NSString stringWithFormat:@"<font face='GothamRounded-Bold' size='3'>%@", body];
[webView loadHTMLString:htmlString baseURL:nil];

20
投票

您可以尝试通过注入一行JavaScript来设置字体,如下所示:

[webView stringByEvaluatingJavaScriptFromString: @"document.body.style.fontFamily = 'GothamRounded-Bold'"];

10
投票

有快速3解决方案:

func webViewDidFinishLoad(_ webView: UIWebView) {
    webView.stringByEvaluatingJavaScript(from: "document.getElementsByTagName('body')[0].style.fontFamily =\"-apple-system\"")
}

我刚刚为此示例添加了默认的iOS字体


6
投票

这是我易于使用且易于扩展的解决方案,具有更多字体设置:

myHTMLLabel = [[UIWebView alloc] initWithFrame:CGRectMake(myX, myY, myWidth, myHeight)];

myHTMLLabel.userInteractionEnabled=NO;
myHTMLLabel.scalesPageToFit=NO;

[myHTMLLabel setOpaque:NO];
myHTMLLabel.backgroundColor = myBackColor;

NSString *myHTMLText = [NSString stringWithFormat:@"<html>"
                        "<head><style type='text/css'>"
                        ".main_text {"
                        "   display: block;"
                        "   font-family:[fontName];"
                        "   text-decoration:none;"
                        "   font-size:[fontSize]px;"
                        "   color:[fontColor];"
                        "   line-height: [fontSize]px;"
                        "   font-weight:normal;"
                        "   text-align:[textAlign];"
                        "}"
                        "</style></head>"
                        "<body> <SPAN class='main_text'>[text]</SPAN></body></html>"];

myHTMLText = [myHTMLText stringByReplacingOccurrencesOfString: @"[text]" withString: myText];
myHTMLText = [myHTMLText stringByReplacingOccurrencesOfString: @"[fontName]" withString: myFontName];
myHTMLText = [myHTMLText stringByReplacingOccurrencesOfString: @"[fontSize]" withString: myFontSize];
myHTMLText = [myHTMLText stringByReplacingOccurrencesOfString: @"[fontColor]" withString: myFontColorHex];
myHTMLText = [myHTMLText stringByReplacingOccurrencesOfString: @"[textAlign]" withString: myFontAlign];


NSLog(@"*** renderHTMLText --> myHTMLText: %@",myHTMLText);

[myHTMLLabel loadHTMLString:myHTMLText baseURL:nil];

5
投票

如果有人在Swift 3中寻找解决方案,我使用了这个(基于jterry的答案):

let font = UIFont.init(name: "Name-of-your-font", size: theSize)
self.newsWebView.loadHTMLString("<span style=\"font-family: \(font!.fontName); font-size: \(font!.pointSize); color: #21367B\">\(yourString)</span>", baseURL: nil)

请注意,我不确定字体是否为零。可以在加载HTML字符串之前添加nil检查。在这里,我还通过添加span的样式中的颜色选项来更改字体的颜色。这是完全可选的。


3
投票

UIWebview使用HTML中设置的字体。没有'默认字体'。即使没有特别提及字体,您也无权设置它。它全部在WebKit中,我们无权访问。


1
投票

对于Swift,我在webViewDidFinishLoad中使用这个

webView.stringByEvaluatingJavaScriptFromString("document.getElementsByTagName('body')[0].style.fontFamily =\"HelveticaNeue\"");

0
投票

SWIFT 4.2的快速解决方案

    let fontName =  "PFHandbookPro-Regular"
    let fontSize = 20
    let fontSetting = "<span style=\"font-family: \(fontName);font-size: \(fontSize)\"</span>"
    webView.loadHTMLString( fontSetting + myHTMLString, baseURL: nil)

span是一个内联元素,意味着它可以与其他元素在一条线上

© www.soinside.com 2019 - 2024. All rights reserved.