Header Bar separators show weird characters in main browsers
When I comment out the following CSS rule in google-fonts.css, the problem goes away.
/* latin */
src: local('Raleway'), local('Raleway-Regular'), url('Raleway/Raleway-Regular.ttf');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
So, if you just want to temporarily make the problem go away. You can comment out that code. You'll just have a sans-serif font in place of Raleway.
Otherwise, if you want to figure out what's going on to make sure there are no other issues, here are some other things you could try.
- Commenting out one or more of the src values (which one is causing the issue?)
- Loading the HTML from a different server to see if the same issue occurs
- Checking the Raleway-Regular.ttf file hasn't been corrupted or modified
My current guesses of things to check are:
- You've got a Raleway font installed in your OS and it's conflicting somehow
- It might be a very old or new macOS that doesn't support the code
- It might be a very old or new browser version that doesn't support the code
- The browser/OS doesn't support TrueType fonts properly
- There's a plugin or extension on the web server, browser, or OS that is preventing the .ttf file from loading.
We've never seen this issue before and there are thousands and thousands of installs out there so it's very odd.