I am trying to pre-load font-awesome to improve my page load times:
Along with marking a link as a preload stylesheet with rel="preload" (what you already did), we also need to use JavaScript to toggle the rel attribute to stylesheet when the file loads:
rel="preload"
rel
stylesheet