Icons not loading

Hi. Looks like www URLs redirect to non-www. So when your browser tries to load fonts, it loads them using https://www.davegarcia.net/ domain, instead of https://davegarcia.net/, that’s why it doesn’t work ( some browsers don’t allow it ). You can hardcode the font URLs in css/elegant-font.css file, try replacing:

@font-face {
	font-family: 'ElegantIcons';
	src:url('../fonts/ElegantIcons.eot');
	src:url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ElegantIcons.woff') format('woff'),
		url('../fonts/ElegantIcons.ttf') format('truetype'),
		url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

with:

@font-face {
	font-family: 'ElegantIcons';
	src:url('https://davegarcia.net/wp-content/themes/serene/fonts/ElegantIcons.eot');
	src:url('https://davegarcia.net/wp-content/themes/serene/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('https://davegarcia.net/wp-content/themes/serene/fonts/ElegantIcons.woff') format('woff'),
		url('https://davegarcia.net/wp-content/themes/serene/fonts/ElegantIcons.ttf') format('truetype'),
		url('https://davegarcia.net/wp-content/themes/serene/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

Thanks for pointing that out! Turns out I had set www in the Site Address and non-www in WordPress Address, which was causing this problem. So I didn’t even need to change the CSS file after fixing that in the settings.

Great! Glad you worked it out.