Er...how do I actually use the new fonts as icons?
Am I wrong in thinking I can set them using the designer?

Sorry if I'm being a dunce, but I'm missing something ...
--
I really, really hate web programming.

<< Er...how do I actually use the new fonts as icons?  Am I wrong in thinking I can set them using the designer? >>

I'm putting together a video right now on using the icon font, but in the meantime the steps are:

1) Library/Open Icon Library

2) Save it to your project directory if you want it to be specific to your project.  If your project is open, then close/re-open it in order to have the IDE grab the new TIconLibrary interface in your project directory.

3) With the TIconLibrary interface in the Control Interface Editor, just click on the New State tool button on the left, specify the new icon name, and select an existing icon to copy.

4) Select the FontIcon element in your new icon in the designer.

5) Double-click on the Content property, and click on the Select button to select a new icon.

Tim Young
Elevate Software
www.elevatesoft.com

Perfect, thank you.

hi

I'm using this 'closed' thread because it is related (font awesome)

I'm noticing that the 'font icons' are not visible when deployed in IE 11, but work fine in Chrome, Firefox, Edge etc.

I'm guessing IE 11 is just 'behind the times', or something in the browser is preventing them from loading.

No big deal, and I'm ready to abandon IE 11. Unless someone has a quick 'ah.. but did you check..'

regards.. Bruno

Bruno,

<< I'm noticing that the 'font icons' are not visible when deployed in IE 11, but work fine in Chrome, Firefox, Edge etc. >>

Are they visible in the IDE ?  The IDE uses the installed version of IE, so if they are showing up in the IDE, but not in a deployed version of your application under IE11, then there's something wrong with the configuration of your application in terms of how the icon font is being bundled (Project/Options/Compilation).

I'm using IE11 here on Windows 7 64-bit, and it works fine.  I just tried it on a Windows 10 machine using IE11, and that worked fine also.

Can you see the icons when you run any of the sample applications here:

http://www.elevatesoft.com/products?category=ewb&type=web

(at the bottom) ?

Tim Young
Elevate Software
www.elevatesoft.com

hi Tim

I can see the icons at design time and runtime within the IDE. But when I deploy and run the webapp on IE11.... they are not there. I can however see the icons when running the webapp on Chrome.

Same for the samples (see attached file, Chrome on the left, IE11 on the right)

It might be a setting in our corporate IE11, but I don't know why it runs fine within the IDE.

Again, not critical nor pressing, just curious.

regards.. Bruno



Tim Young [Elevate Software] wrote:

Bruno,

<< I'm noticing that the 'font icons' are not visible when deployed in IE 11, but work fine in Chrome, Firefox, Edge etc. >>

Are they visible in the IDE ?  The IDE uses the installed version of IE, so if they are showing up in the IDE, but not in a deployed version of your application under IE11, then there's something wrong with the configuration of your application in terms of how the icon font is being bundled (Project/Options/Compilation).

I'm using IE11 here on Windows 7 64-bit, and it works fine.  I just tried it on a Windows 10 machine using IE11, and that worked fine also.

Can you see the icons when you run any of the sample applications here:

http://www.elevatesoft.com/products?category=ewb&type=web

(at the bottom) ?

Tim Young
Elevate Software
www.elevatesoft.com

Bruno,

<< I can see the icons at design time and runtime within the IDE. >>

Ok, that at least tells me that EWB itself is working okay, especially if you're embedding the font (the default setting under the Project/Options/Compilation tab).

<< It might be a setting in our corporate IE11, but I don't know why it runs fine within the IDE. >>

Unless your infrastructure is literally stripping out embedded fonts from the HTML, then it shouldn't matter.

Try this: after loading the application in IE11, hit F12, which should bring up the developer tools with the Debugger page open.  You should be able to see the HTML source on that page.  Can you see this string at the top of the HTML:

<style>@font-face { font-family: "EWBIcons"; src: url("data:application/x-font-opentype;base64,............

If so, then the embedded font is there.

The next step is to verify if this situation is present:

http://stackoverflow.com/questions/30174622/font-face-not-working-with-specific-version-of-internet-explorer-11

Specifically, go to Internet Options/Security/Custom Level/Downloads/Font Download and see if font downloads are enabled or disabled.

Tim Young
Elevate Software
www.elevatesoft.com

hi Tim

finally got around to trying your suggestions

there are numerous references to 'EWBIcons' in the generated js.. but not the 'font-family' you mention.

the references appear to all look something like this :
............ <div style="font: 24px/normal EWBIcons,sans-serif; margin:.................

In a corporate setting, I can't even see the custom level security options, let alone change them

in any event, I can't think of a better reason to move away from IE 11 .. and for our purposes.. it is more an academic question than anything else (we don't use Windows in forecast ops)

thanks.. Bruno


///////////////////////////////////////////////////////


Tim Young [Elevate Software] wrote:

Bruno,

<< I can see the icons at design time and runtime within the IDE. >>

Ok, that at least tells me that EWB itself is working okay, especially if you're embedding the font (the default setting under the Project/Options/Compilation tab).

<< It might be a setting in our corporate IE11, but I don't know why it runs fine within the IDE. >>

Unless your infrastructure is literally stripping out embedded fonts from the HTML, then it shouldn't matter.

Try this: after loading the application in IE11, hit F12, which should bring up the developer tools with the Debugger page open.  You should be able to see the HTML source on that page.  Can you see this string at the top of the HTML:

<style>@font-face { font-family: "EWBIcons"; src: url("data:application/x-font-opentype;base64,............

If so, then the embedded font is there.

The next step is to verify if this situation is present:

http://stackoverflow.com/questions/30174622/font-face-not-working-with-specific-version-of-internet-explorer-11

Specifically, go to Internet Options/Security/Custom Level/Downloads/Font Download and see if font downloads are enabled or disabled.

Tim Young
Elevate Software
www.elevatesoft.com