Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Using a custom icon font in a card

Avatar

Avatar
Validate 1
Level 3
Keith_Gilbert
Level 3

Likes

18 likes

Total Posts

52 posts

Correct Reply

3 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 3
Keith_Gilbert
Level 3

Likes

18 likes

Total Posts

52 posts

Correct Reply

3 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
Keith_Gilbert
Level 3

28-03-2016

I've created a custom font that consists of 15 simple icons. Each icon is mapped to a single character position. For example, typing an "A" produces the first icon, typing a "B" produces the second icon, etc. The font is an OpenType font, and it works correctly in all my desktop apps. I'd like to use this font on a card.

I've uploaded OTF files for both this custom font as well as another OTF text font (Prelo) in Content & Layouts > Fonts.

I have a card that contains 2 Text Area fields: Description and Title. Description uses my custom font, and Title uses the Prelo font.

In the collections that are mapped to this card, I have an "A", "B", or "C" in the Description field, and my actual collection title in the Title field. So I would expect that this would cause an icon to appear on the first line of the card, followed by the collection title displayed in Prelo on the second line.

But the icon font doesn't display the icon. It only displays a capital A, B, or C. The card title using the Prelo font appears correctly.

Is this not possible? I would expect the icon font to work correctly, since the system doesn't have any way of knowing that the "A" looks different than a regular A, the B looks different than a B, etc.

By the way, I've tried viewing this in both my custom Preflight app as well as my custom development app on iOS and Android.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Validate 1
Level 3
Keith_Gilbert
Level 3

Likes

18 likes

Total Posts

52 posts

Correct Reply

3 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 3
Keith_Gilbert
Level 3

Likes

18 likes

Total Posts

52 posts

Correct Reply

3 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
Keith_Gilbert
Level 3

28-03-2016

I got this to work, but 2 things I learned, in case anyone else has the same problem:

1. The font I was using was a custom font that I created that only had a single character (a capital "A") that I had created for testing. Until I filled out the font with the characters A-Z and a-z, the font gave a strange error message when trying to use the font in a card.

2. As Nathan said, you have to rebuild the application after adding a font. I had forgotten this.

FWIW, I used the excellent "Indyfont" script for InDesign to quickly create an OpenType font that contained the 15 special icon characters that we needed. Took no time at all to create the font. See Indiscripts :: IndyFont

Answers (4)

Answers (4)

Avatar

Avatar
Validate 1
Level 3
Keith_Gilbert
Level 3

Likes

18 likes

Total Posts

52 posts

Correct Reply

3 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 3
Keith_Gilbert
Level 3

Likes

18 likes

Total Posts

52 posts

Correct Reply

3 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
Keith_Gilbert
Level 3

31-03-2016

Ah. We had the same problem, if I used a custom font that contained only a few characters. Once I made sure the custom font contained A..Z and a..z, the error in the layout template disappeared.

Our custom font had only 15 icons in it in the A-O character positions. I just padded out the rest of the font with roman characters N-Z and a-z, and then everything worked fine. It appears that the layout template needs a minimum character set of some sort to function and display properly.

Avatar

Avatar
Validate 1
Level 2
ambitappa773737
Level 2

Likes

6 likes

Total Posts

36 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 2
ambitappa773737
Level 2

Likes

6 likes

Total Posts

36 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Affirm 1
View profile
ambitappa773737
Level 2

31-03-2016

‌we are doing the same thing, but haven't been able to figure out how to get the font to display in the layout template. It is showing up in the test app, but would be nice if we could preview it in the layout template. Any advice? We get an error in the layout template next to the font name that basically says "there is an error, but it will display in the app"

Avatar

Avatar
Boost 5
Employee
NMarroquin
Employee

Likes

28 likes

Total Posts

175 posts

Correct Reply

46 solutions
Top badges earned
Boost 5
Boost 3
Boost 25
Boost 10
Boost 1
View profile

Avatar
Boost 5
Employee
NMarroquin
Employee

Likes

28 likes

Total Posts

175 posts

Correct Reply

46 solutions
Top badges earned
Boost 5
Boost 3
Boost 25
Boost 10
Boost 1
View profile
NMarroquin
Employee

28-03-2016

Keith, are you certain that you rebuilt the application after you added the fonts to the project? That is a requirement because the fonts must be embedded in the application.

Also not that in Preflight custom fonts won't load. That is a current limitation since fonts must be embedded.

Avatar

Avatar
Boost 5
Level 4
Colin_Fleming
Level 4

Likes

37 likes

Total Posts

160 posts

Correct Reply

35 solutions
Top badges earned
Boost 5
Boost 3
Boost 25
Boost 10
Boost 1
View profile

Avatar
Boost 5
Level 4
Colin_Fleming
Level 4

Likes

37 likes

Total Posts

160 posts

Correct Reply

35 solutions
Top badges earned
Boost 5
Boost 3
Boost 25
Boost 10
Boost 1
View profile
Colin_Fleming
Level 4

28-03-2016

Hey Keith;

I just tried using a wingding font to mimic what you describe, it worked fine. Maybe the problem is in your font?

If you send it my way I'm willing to try an independent test.

Colin