SAP-Icons mapping in Axure

Discussion Forum Design & UX SAP-Icons mapping in Axure
Viewing 2 posts - 1 through 2 (of 2 total)
Wongdoody

Greetings,

I have installed the SAP fonts and Axure libraries, and I have configured the “design stencils” as per the instructions on this resource: https://experience.sap.com/fiori-design-web/downloads/

Very helpful guide, by the way.

In the “Generate HTML” dialog in Axure, “Web Fonts” tab, I have added the @font-face code for 72-Regular and 72 Bold, as per the directions. (I am not unfamiliar with this step, having used it with FontAwesome in previous projects.)

Now…in the screen capture I can see a third mapping to SAP Icons, but there is no instruction or code sample given for creating the mapping to the web source for font family SAP-icons.

So I’m stuck. The designs look fine for me because I have the SAP-icon set installed on my Mac. But to anyone viewing them on Axure Share it looks like garbage.

Does anybody have the code? Please attach to this thread. OR, even better, update the page on SAP.

Much obliged.

Senior UX Designer
SAP SE

Hi Alan,

 

thanks for bringing this up! This was definitely missing!

The code is pretty much the same just with the name of the SAP-icon font. But we verified it again, of course.

We’ll do you one better: I’ll post the code here AND update the site itself as soon as possible 😉

I hope that helps,

All the best,

Till

 

font-family: ‘SAP-icons’;
src: url(‘fonts/SAP-icons.woff’) format(‘woff’),
url(‘fonts/SAP-icons.woff2’) format(‘woff2’),url(‘https://openui5nightly.hana.ondemand.com/resources/sap/ui/core/themes/sap_belize/fonts/SAP-icons.woff’) format(‘woff’),
url(‘https://openui5nightly.hana.ondemand.com/resources/sap/ui/core/themes/sap_belize/fonts/SAP-icons.woff2’) format(‘woff2’),
local(‘SAP-icons’);

Viewing 2 posts - 1 through 2 (of 2 total)
 

You must be logged in to reply to this topic.