Hi,
there are 2 ways:
1) with CSS but it is a bit complex
2) By using Joomla language constants, for example you can use a language constant for a title of the field and set the content of language constant with HTML that render the font icon
Example:
- Change the title of email field to ICON_MAIL (screenshot 1)
- Go to Extensions->Languages->Overrides
- Click to "New" Button
- Set parameters like screenshot 2
- Save and see result (screenshot 3)

Two questions:

1) Which icons are being pulled in (so I can see my options), and
2) How do you remove the colons? (see attached)

I found them but there doesn't seem to be an icon for website, or globe and Font Awesome icons don't pull in either.

Hi,

1) Which icons are being pulled in (so I can see my options)

This depends from your template, for example Joomla default template called "Protostar" uses Bootstrap 2 glyphicons (https://getbootstrap.com/2.3.2/base-css.html#icons)

2) How do you remove the colons?

try to add following CSS code to your template:

.jsn-l-field-title{font-size:0px;}.jsn-l-field-title .icon{font-size:15px;margin-right:10px}

Hi,
your code seems wrong, you have included the CSS url into font-face statement.

You need to use something like this at the top of the CSS file:

@import url("https://use.fontawesome.com/releases/v5.7.1/css/all.css");

see references at https://www.w3schools.com/cssref/pr_import_rule.asp

Ah yes, I get those confused. With the language override method you describe, it replaces the text with the icon site-wide meaning the ic0pns appear on the edit profile page as well. I don't suppose there's a way to have the text on the edit profile pages and icons on the public-facing pages?

Thank you!