Font Awesome

[Acorn]

Font awesome symbols can be inserted as shapes using the Select tool rather than the Text tool.
If you have XDPX, you can use the Names gallery to see the associated attribute type:symbol.

Once found, you can then use the context menu option Replace > With symbol.

Xara adds Font Awesome text symbols as a class .xr_s2.
You can use this CSS in the page head:
Acorn

Addendum

Xara adds Font Awesome text symbols as a class .xr_sn. The n depends on the number of font and styles used and when you added the symbol
To get the exact class you need to examine xr_text.css to find exactly which class number (n) are being used for your symbols.
A quick way I to search the source code in the Preview (right-click > View source) and search for "xr_s" (no digit) and look for SPANs that only have a pattern like "&#nnnnn;" with no other text.

You can use this example CSS in the page head:

<style> .xr_s2 {
color: red;
}
</style>

The number 2 above may be different your your design.

Acorn