Skip to main content
L
Lauren27924873t5bn
Participant
October 17, 2023
Question

Adobe XD prototype link for development is not recognising font-awesome content

  • October 17, 2023
  • 1 reply
  • 327 views

 

When sharing a UI prototype link which is set for development view so the developers can go in and get the CSS styling and source the exact icons used from the Font awesome library, it should tell the name of the icon within the content tab.

 

But Instead it displays a box with a cross ?  ( see below ) the font awesome font is uploaded via the adobe cloud so this should be working. Is this a current bug/issue with XD and font awesome within development links?

 

 

 

 The font awesome library Im using is the latest pro 6.2.1

 

    This topic has been closed for replies.

    1 reply

    Dan Rodney
    Community Expert
    Dan RodneyCommunity Expert
    Community Expert
    October 18, 2023
    1. Using symbol fonts is not good and the icons really should be exported as SVG. Don't trust me? Google "why icon fonts are bad" to see numerous articles explaining why.
    2. Even though it's a weird box, they should still be able to copy that content and paste it into their code, and if they are using the font it will display correctly. 
    — Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
    Dan Rodney
    Community Expert
    Dan RodneyCommunity Expert
    Community Expert
    October 18, 2023

    Just in case I wasn't clear... it's fine to design with the icon font in XD. They just shouldn't be implemented as a font in the final website. The final website should use an SVG icon.

    — Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices