#uifont

In iOS it possible to add custom fonts to Xcode, which could be displayed. This tutorial will display a Text View with a custom font. This tutorial is made with Xcode 10 and built for iOS 12.

Open Xcode and create a new Single View App.

For product name, use IOSCustomFontTutorial and then fill out the Organization Name and Organization Identifier with your customary values. Enter Swift as Language and choose Next.

Download the custom font and drag it to the project. Make sure the "Copy items if needed" checkbox is selected.

Go to the Storyboard and drag a Text View from the Object Library to the main View. Place the Text View on the top of the main view The Storyboard should look like this.

Select the "Resolve Auto Layout Issues" button at the bottom-right of Interface Builder and select Reset to Suggested Constraints.

Select the Assistant Editor and make sure the ViewController.swift is visible. Ctrl and drag from the Text View to the ViewController class  and create the following Outlet.

The font name is predefined by the font's creator and isn't always the same as the filename. Go to the ViewController.swift file and add the following code at the end of viewDidLoad.

let fontFamilyNames = UIFont.familyNames for familyName in fontFamilyNames { print("Font Family Name = [\(familyName)]") let names = UIFont.fontNames(forFamilyName: familyName as String) print("Font Names = [\(names)]") }

This will display all available fonts on the system, Build and Run the project, you will see the following font displayed in the console:

Font Family Name = [orange juice] Font Names = [[orangejuice]]

So the Font Name of our Custom Font is orangejuice. Go to the info.plist file And add the following Array which includes the custom font.

Add the following line to the viewDidLoad method.

topTextView.font = UIFont(name: "orangejuice", size: 20.0)

Build and Run the project, the Text View is displayed with the custom font.

아래의 코드를 프로젝트 아무곳에서나 입력을 하면..

for (NSString *familyName in [UIFont familyNames]) {     NSLog(@"* %@", familyName);     for (NSString *fontName in [UIFont fontNamesForFamilyName:familyName]) {         NSLog(@"\t- %@", fontName);     } }

이렇게 나온다!

상단에는 Font-family, 하단에는 해당 Font-family에 존재하는 Font 이름들이 나온다.

여기에 나오는 폰트 이름을 (-로 시작하는..) 이용해서 UIFont를 사용할 수 있다.

[UIFont fontWithName:@"Verdana-BoldItalic" size:10.0f];

Steps to Reproduce:

1. Create a component with an @IBInspectable NSFont property 2. Select the component in IB

Expected Results:

You should see the font picker.

Actual Results:

Not implemented.

Handy function that print names of all fonts under iOS (download playground):

func printFonts() {    let fontFamilyNames = UIFont.familyNames()    for familyName in fontFamilyNames {        println("------------------------------")        println("Font Family Name = [\(familyName)]")        let names = UIFont.fontNamesForFamilyName(familyName as! String)        println("Font Names = [\(names)]")    } }

Drag .otf or .ttf file to your iOS project (make sure to add to the project's target).

Open Info.plist file of the project.

Right click anywhere and select "Add Row"

Start typing "Fonts" and select the autocomplete "Fonts provided by application".

Hover over the newly created row and click on the plus sign.

Type in the exact filename of the font (i.e. "LeagueGothic-Regular.otf")

Finally, you can use the custom UIFont as such: [UIFont fontWithName:@"LeagueGothic-Regular" size:16];

If there are spaces in the filename, Xcode will replace the space with a dash or just remove it all together in the code. To find out what the custom font name is, use this function: 

for (NSString *familyName in [UIFont familyNames]) {          NSLog(@"----------------");          NSLog(@"FAMILY: %@", familyName);          for(NSString *fontName

              in [UIFont  

              fontNamesForFamilyName:familyName])  {              NSLog(@"  %@", fontName);          }

This is what I did to use a custom font in Xcode 4.5.1:

There are two steps involved in using custom fonts in your iOS app:

Adding the custom font as a resource to your project

Instantiating a UIFont object with the name of your font

Adding fonts to the project is like adding any other resource. Just right-click on Xcode's Project Navigator and choose "Add Files to...". You must then select the OTF or TTF font files.

Next up,  you have to edit your project's info.plist to include the new fonts under the  "Fonts provided by application" key.

Using custom fonts in your app is made possible through the UIFont class in UIKit. Once you have installed your custom font, you just create an instance of UIFont by passing the font's name and it's size:

UIFont *myFont = [UIFont fontWithName:@"Stratum2-Black" size:13];

If you use custom fonts throughout your app, having to write down this code over and over again can get repetitive. It's a lot smarter to use the power of Objective-C's categories.

// UIFont+CustomFonts.h // Created by Pedro Mancheno on 5/16/12. @interface UIFont (CustomFonts) + (UIFont *)stratumBlack12; + (UIFont *)stratumBlack14; + (UIFont *)stratumBold20; + (UIFont *)stratumLight36; @end

In this category I declare a couple of class methods for UIFont. It's a good idea to use descriptive names for these methods so you don't have a hard time trying to figure out the specifics of the fonts you want to use, later on.

A user calling the stratumBlack14 method knows exactly what he will get: a "Stratum2-Black" font with a size of 14 pixels.

I am working on a project that requires a specific font for several of the UILabel elements. At first, I thought I was going to have to use CoreText but it actually is much, much easier to implement. This assumes you have the physical font file. (.ttf font file), and you have added it to your project. At this point you just need to access it from within your app.

First, in XCode locate the application .plist file. Usually called, [YOUR_APP_NAME]-Info.plist. (I rename many of the groups in my applications so your mileage may vary a bit.) Once you locate the file, add a new row of key: "Fonts provided by application". XCode will create the first key/value pair for you. Here is a screenshot of my .plist file entry.

Add the name of the font file in the "value" column. Be sure to spell the name of the font file EXACTLY as it is in seen in the list of files in your project. This is NOT the name you will be referencing from within your UIFont statement. This is just so your app knows where to find the font you will be referencing.

Next, you need the name of the fontface you are going to use. For this example it is Gloucester MT Extra Condensed. Now you reference it in your app.

UILabel *myLabel; [myLabel setText:@"Some Text"]; [myLabel setFont:[UIFont fontWithName:@"Gloucester MT Extra Condensed" size:24.0]];

Build and run your program. You should now see your interface as it was meant to be seen. With all of it's Fonty goodness. (I made that word up.) The key here is that it is REALLY important that you make sure to include any spaces, dashes or underscores in the name of the font. If it's not working for you, go back and check the filename and/or the font name you pass to your UI element.

It's A "Font" Family Affair OK, now you have successfully rendered a UILabel where you had a font file with only one variant. What if you have a font file that has several variants. For example, Futura has Futura Medium, Medium Italic, Condensed Medium and a few others. How are you supposed to handle that? Well you can't. You're screwed. JUST KIDDING! Settle down. Settle down. UIFont has the method: fontNamesForFamilyName that returns all of the variants for the specified font family. 

Now, remember way back a few paragraphs ago I told you to include spaces in the UIFont name? Well when you are using fontNamesForFamilyName, you need to put in the name EXACTLY as it shown within the returned array.