Using custom font in a UIWebView

ios uiwebview fonts true-type-fonts
Joris Weimar picture Joris Weimar · May 8, 2012 · Viewed 39.9k times · Source

I would like to display a custom font inside a UIWebView. I have already put the font in the plist under "Fonts provided by application". The code in use:

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

where html is an NSString that has the following contents:

<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>

I'm using iOS 4.2 so TTF should be supported. I'd appreciate a bit of html/code that actually works.

Answer

Lindemann picture Lindemann · Oct 2, 2012

After some Try and Error I have found a reliable way to load custom Fonts with a local CSS.

1. Add your Font to the App...make sure that the file is targeted properly to the Application

enter image description here enter image description here

2. Then add your Font to yourApp-Info.plist

enter image description here

3. Run NSLog(@"Available fonts: %@", [UIFont familyNames]); To check which name the font/fontfamily has for the System...

enter image description here

4. Copy that name and use them in your CSS...@font-face is not needed

body {
    font-family:"Liberation Serif";
}

Related questions

Using custom fonts in WKWebView

I'm using custom fonts in my app. They are copied to bundle and hardcoded to appName-info.plist. This fonts works perfectly in the whole app and in UIWebView. Im loading htmlString [webView loadHTMLString:htmlString baseURL:nil]; I use this fonts …

Read More
How to load local html file into UIWebView

I'm trying to load a html file into my UIWebView but it won't work. Here's the stage: I have a folder called html_files in my project. Then I created a webView in interface builder and assigned an outlet to …

Read More
Can I set the cookies to be used by a WKWebView?

I'm trying to switch an existing app from UIWebView to WKWebView. The current app manages the users login / session outside of the webview and sets the cookies required for authentication into the the NSHTTPCookieStore. Unfortunately new WKWebView doesn't use the …

Read More