Location for self-hosting FontAwesome files

Hi all

I’m trying to run a fairly self-contained self-host ghost install. I use FontAwesome Pro and have downloaded the files and uploaded them to my server. I’m trying to use the webfonts method currently, but I have also tried this with the javascript files and get the same result.

I’ve copied the fontawesome css and webfont folders to
/srv/ghost/content/data/fontawesome/css and

My code injection headers are:

<link href="/content/data/fontawesome/css/fontawesome.css" rel="stylesheet">
<link href="/content/data/fontawesome/css/brands.css" rel="stylesheet">
<link href="/content/data/fontawesome/css/solid.css" rel="stylesheet">
<link href="/content/data/fontawesome/css/brands.css" rel="stylesheet">

and the page code is:

<i class="fa-solid fa-user"></i>
<i class="fa-brands fa-github-square"></i>
<i class="fa-duotone fa-bacterium"></i>

The outcome is a blank page, although there does seem to reference to the icons (see the debug console screenshot below:

Other info / things I’ve already checked

Debug Information:
    OS: Ubuntu, v22.04.3 LTS
    Node Version: v18.19.0
    Ghost Version: 5.75.2
    Ghost-CLI Version: 1.25.3
    Environment: production
    Command: 'ghost doctor'

The FA folders are 755 owned by the ghost user (the one created by the installer)
The files are 644 and also owned by the ghost user.

I’ve tried setting the files to also 755 - no success, and copying the files into the directories:
/srv/ghost/current/content/public/fontawesome and
/srv/ghost/content/themes/theme/assets folders, with the appropriate changes to the injection.

The second one (in the theme folder) works, but I’m not clear that this is the best solution? If I want to change the theme of the blog, then I’ll have to copy it all to the new theme file. This seems to me to be ignoring the better solution of using the content folder?

Is there a way to get this working in a theme-agnostic way?