Login ProductsSalesSupportDownloadsAbout |
Home » Technical Support » Elevate Web Builder Technical Support » Support Forums » Elevate Web Builder General » View Thread |
Messages 1 to 10 of 19 total |
How to add external WOFF file? |
Wed, Jan 6 2016 11:23 AM | Permanent 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 PM | Permanent Link |
Tim Young [Elevate Software] Elevate Software, Inc. 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 PM | Permanent Link |
Emin | Thank you, works perfect.
Emin |
Wed, Jan 6 2016 1:47 PM | Permanent Link |
Tim Young [Elevate Software] Elevate Software, Inc. timyoung@elevatesoft.com | Emin,
<< Thank you, works perfect. >> Great. 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 PM | Permanent 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 PM | Permanent Link |
Tim Young [Elevate Software] Elevate Software, Inc. 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 AM | Permanent 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 AM | Permanent Link |
Tim Young [Elevate Software] Elevate Software, Inc. 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 AM | Permanent 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 AM | Permanent Link |
Tim Young [Elevate Software] Elevate Software, Inc. 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 2 | Next Page » | |
Jump to Page: 1 2 |
This web page was last updated on Sunday, May 5, 2024 at 07:30 PM | Privacy PolicySite Map © 2024 Elevate Software, Inc. All Rights Reserved Questions or comments ? E-mail us at info@elevatesoft.com |