Customising icons and font in cross-device template

Hi all,

I am new to github and web developing. I created a Github Pages website, used the Astral template from and have managed to change the font to CMU Roman serif but have in the process messed up with the mobile version of the website. Desktop works well but in the mobile version icons are not displayed. I think this has to do with the fact that both the original font and icons are called through “font awesome”, which has confused me. Could anyone explain me how to change the (overall) font in a non-basic template such as Astral?

My repository is but I guess it is easier give me guidance rather than checking my code.

Thank you for any advice,