Hey all,
How do you use SF Symbols with Axure RP 10. I have used @font-face to deliver fonts that I host on my own server, but I can’t get SF Symbols to show up? I am using the Apple SF Symbol app and using various glyphs to render apple icons, such as the face recognition icon by selecting SF Pro ultralight and using the size attribute to render the icon. This is fine on my local machine but won’t render when I publish the Axure cloud and share the prototype?
Interestingly, I can only find SF Pro on the Apple site for download. I converted to woff and woff2:
@font-face {
font-family: ‘SF Pro’;
src: url(‘https://mywebsite.com/Fonts/SFPro-Regular.woff2’) format(‘woff2’),
url(‘https://mywedsite.com/Fonts/SFPro-Regular.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
font-display: swap;
}
But I noticed that this is only SFPro-Regular, and I need SF Pro Ultralight and SF Pro thin to render the images in the correct weight.
Any ideas where I can get SF Pro in the other weights? Or, am I doing something incorrect to render SF symbols? BTW, I did set the glyph to Regular and tested that weight but it did not work either, so I think I am doing something wrong with SF Symbols.
Any help is appreciated.