60

我想在 UIWebView 中显示自定义字体。我已经将字体放在“应用程序提供的字体”下的 plist 中。使用的代码：

        UIWebView *webView = [[UIWebView alloc] initWithFrame:myRect];
        NSURL *baseURL = [NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]];
        [webView loadHTMLString:html baseURL:baseURL];
        [self addSubview:webView];

其中 html 是一个具有以下内容的 NSString：

<html><head>
<style type="text/css">
@font-face {
    font-family: gotham_symbol;
    src: local('GOTHAMboldSymbol_0.tff'), format('truetype') 
} 
body { 
 font-family: gotham_symbol;
font-size: 50pt;
}
</style>
</head><body leftmargin="0" topmargin="0">
This is <i>italic</i> and this is <b>bold</b> and this is some unicode: &#1101;
</body></html>

我使用的是 iOS 4.2，所以应该支持 TTF。我会很感激一些实际有效的 html/代码。

4

3 回答 3

106

经过一些尝试和错误后，我找到了一种使用本地 CSS 加载自定义字体的可靠方法。

1.将您的字体添加到应用程序...确保文件正确定位到应用程序

在此处输入图像描述 在此处输入图像描述

2. 然后将你的字体添加到 yourApp-Info.plist

在此处输入图像描述

3. 运行NSLog(@"Available fonts: %@", [UIFont familyNames]);以检查字体/字体系列对系统具有的名称...

在此处输入图像描述

4. 复制该名称并在您的 CSS 中使用它们...不需要@font-face

body {
    font-family:"Liberation Serif";
}
于 2012-10-02T19:42:13.537 回答
18

尽管我不确定我在上面做错了什么，但我最终使它工作。这是我使用的 HTML (NSString *htmll)。我添加了所有内容，其中一些可能与解决方案无关。

<html><head><style type="text/css">
@font-face {
font-family: 'gotham_symbol';
src: url('GOTHAMboldSymbols_0.ttf')  format('truetype') 
}
@font-face {
font-family: 'gotham_symbol_italic';
src: url('GothamBoldItalic.ttf')  format('truetype') 
}
#w {display:table;}
#c {display:table-cell; vertical-align:middle;}
i { font-family: 'Helvetica-BoldOblique'; }
</style></head><body topmargin="0" leftmargin="0">
<div style="display: table; width: 320px; height: 50px; #position: relative; overflow: hidden;">
<div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
<div style=" #position: relative; #top: -50%">
<p style="font-size:20px;font-family:'gotham_symbol';color:#97371f;">THE TEXT GOES HERE</p></div></div></div></body></html>

我加载 UIWebView 如下：

UIWebView *webView = [[UIWebView alloc] initWithFrame:rect];
[webView makeTransparent];
NSURL *baseURL = [NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]];
[webView loadHTMLString:html baseURL:baseURL];
于 2012-10-02T05:47:18.803 回答
4

对于 Swift 和 WKWebView，这对我有用：

@IBOutlet weak var webView: WKWebView!


let html = """
<!DOCTYPE html>
<head>
    <style>
        @font-face {
            font-family: 'Raleway-Regular';
            src: url('Raleway-Regular.ttf')  format('truetype')
        }
        img {
            width: 100%;
        }
        body {
            font-family: 'Raleway-Regular';
            font-size: 30px;
        }
    </style>
</head>
<body>
    My HTML Content
</body>
</html>
"""


let baseURL = URL(fileURLWithPath: Bundle.main.bundlePath)
webView.loadHTMLString(html, baseURL: baseURL)

必须像往常一样将字体添加到 XCode 项目中，并复制捆绑资源

<key>UIAppFonts</key>
<array>
    <string>Raleway-Bold.ttf</string>
    <string>Raleway-Regular.ttf</string>
</array>
于 2020-08-07T02:57:57.497 回答