Icon View Thread

The following is the text of the current message along with any replies.
Messages 1 to 10 of 19 total
Thread How to add external WOFF file?
Wed, Jan 6 2016 11:23 AMPermanent Link

Emin

How to add external WOFF file so that they are visible in TIconLibrary select symbol dialog
Thanks
Emin
Wed, Jan 6 2016 12:23 PMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Emin,

<< How to add external WOFF file so that they are visible in TIconLibrary select symbol dialog >>

You have to:

1) Shut down the IDE
2) Install the TrueType/OpenType version of the font in Windows
3) Start the IDE

Then you will be able to use a different icon font with your application's icon library.  You will need to select the Font name *first* for the FontIcon element in the TIconLibrary interface before you can select from it using the Content property editor/symbol browser dialog.

Be sure to also include the WOFF as an external font file in the Project Manager, otherwise your font won't work at runtime.  I'm assuming here that you *don't* want to replace the existing icon font, just supplement it with another one.

Tim Young
Elevate Software
www.elevatesoft.com
Wed, Jan 6 2016 1:17 PMPermanent Link

Emin

Thank you, works perfect.
Emin
Wed, Jan 6 2016 1:47 PMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Emin,

<< Thank you, works perfect. >>

Great. Smile

I forgot one other thing also: if you're targeting Android, especially with the stock Android browser and not Chrome, then you should include the OpenType/TrueType format as the external font file, *not* the WOFF format.  The older stock Android browsers can't handle WOFF web fonts and you end up with garbage on the screen.

Tim Young
Elevate Software
www.elevatesoft.com
Wed, Jan 6 2016 2:05 PMPermanent Link

Uli Becker

Tim,

 if you're targeting Android, especially with the stock Android browser
and not Chrome, then you should include the OpenType/TrueType format as
the external font file, *not* the WOFF format.  The older stock Android
browsers can't handle WOFF web fonts and you end up with garbage on the
screen.

Also for apps targeting all platforms?

Thanks Uli
Wed, Jan 6 2016 3:10 PMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Uli,

<< Also for apps targeting all platforms? >>

If "all" includes the stock Android browser, then yes.

If "all" *doesn't* include the stock Android browser, then every other browser/platform (that we support) supports WOFF, so it's safe to use them.

Tim Young
Elevate Software
www.elevatesoft.com
Thu, Jan 7 2016 7:52 AMPermanent Link

Emin

Tim,

<Be sure to also include the WOFF as an external font file in the Project Manager, otherwise your font won't work at runtime.>

Attached is a screenshot of an add external file dialog. Font name is selected from an existing item of the listbox.

This part is from the generated html file.

<style>@font-face { font-family: ""; src: url("webfont-medical-icons.woff") }</style>

As you can see font family name is not present in the generated html file.

Font family information is not correctly saved to wbc file.
[Project]
Included External=fonts\webfont-medical-icons\fonts\webfont-medical-icons.woff,Font
Icon=

When I manually modify the generated html as
<style>@font-face { font-family: "webfont-medical-icons"; src: url("/fonts/webfont-medical-icons.woff") }</style>
Than things work as expected.

Can you check this issue?

Thanks.
Emin



Attachments: add_external_font_file_dialog.png
Thu, Jan 7 2016 10:50 AMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Emin,

<< Attached is a screenshot of an add external file dialog. Font name is selected from an existing item of the listbox.

This part is from the generated html file.

<style>@font-face { font-family: ""; src: url("webfont-medical-icons.woff") }</style>

As you can see font family name is not present in the generated html file.

Font family information is not correctly saved to wbc file.
[Project]
Included External=fonts\webfont-medical-icons\fonts\webfont-medical-icons.woff,Font
Icon=

When I manually modify the generated html as
<style>@font-face { font-family: "webfont-medical-icons"; src: url("/fonts/webfont-medical-icons.woff") }</style>
Than things work as expected. >>

I'm not seeing this here.  What exactly are you specifying for the font URL (I assume that you're trying to specify a URL, and not a local path/filename) and font name in the Add External File dialog ?

Tim Young
Elevate Software
www.elevatesoft.com
Thu, Jan 7 2016 11:28 AMPermanent Link

Emin

Tim,

<I'm not seeing this here.  What exactly are you specifying for the font URL (I assume that you're trying to specify a URL, and not a local path/filename) and font name in the Add External File dialog ?>

Previous time I selected a local font.
This time I specified external font URL, selected form name and saved the dialog and saved the project.
Same result.

[Project]
Included External=http://192.168.0.100/webfont-medical-icons.woff,Font
Icon=

In the above wbc file section, font name is like truncated at word boundary.

Emin
Thu, Jan 7 2016 11:35 AMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Emin,

<< Previous time I selected a local font.
This time I specified external font URL, selected form name and saved the dialog and saved the project.
Same result. >>

Yes, but I need the exact values that you're inputting for the URL or file name, as well as the font name.  Something specific to these values is causing the issue.

Thanks,

Tim Young
Elevate Software
www.elevatesoft.com
Page 1 of 2Next Page
Jump to Page:  1 2
Image