brian85 I'd do it slightly differently, and add the code into the header (appearance -> edit custom header)
<style>
@font-face {
font-family: 'fontawesome';
font-style: normal;
font-weight: 400;
src: local('fontawesome'),
url('/fonts/fa-regular-400.woff2');
}
@font-face {
font-family: 'fontawesome';
font-style: normal;
font-weight: 300;
src: local('fontawesome'),
url('/fonts/fa-light-300.woff2');
}
@font-face {
font-family: 'fontawesome';
font-style: normal;
font-weight: 900;
src: local('fontawesome'),
url('/fonts/fa-solid-900.woff2');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('fontawesome'),
url('/fonts/open-sans-v17-latin-300.woff2'),
url('/fonts/open-sans-v17-latin-300.woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('fontawesome'),
url('/fonts/open-sans-v16-latin-regular.woff2'),
url('/fonts/open-sans-v16-latin-regular.woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local('fontawesome'),
url('/fonts/open-sans-v16-latin-italic.woff2'),
url('/fonts/open-sans-v16-latin-italic.woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('fontawesome'),
url('/fonts/open-sans-v16-latin-600.woff2'),
url('/fonts/open-sans-v16-latin-600.woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
src: local('fontawesome'),
url('/fonts/open-sans-v16-latin-600italic.woff2'),
url('/fonts/open-sans-v16-latin-600italic.woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('fontawesome'),
url('/fonts/open-sans-v16-latin-700.woff2'),
url('/fonts/open-sans-v16-latin-700.woff');
}
</style>
Obviously, you'll need to download and install the Google Fonts, but this link makes it simple
https://google-webfonts-helper.herokuapp.com/fonts