Issues with fa-icons and multiple Domains

  • Hey, I have one more issue which I believe is Theme-related.
    I’m using two different URLs for my website:

    https://www.wall-jump.com and https://www.wall-jump.de

    In WordPress, the .com URL is set as the standard page URL (Settings > General).

    The issue I have is now that the fa-icons for Search (the magnifying glass) and the icon for the main menu in mobile view (the three lines) only work with the .com URL and are not displayed for the .de URL.

    When switching the default URL in the WordPress settings from .com to .de, it’s the opposite.

    Is this something that can be easily fixed or at least ironed out in an upcoming theme update?

    As always, thanks for your swift support, it’s much appreciated!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hmm this is a tricky one. Here’s a screenshot of the relevant error messages on the site: https://screenshot.competethemes.com/xQuW0QrD

    The issue is that the font is loaded from a separate domain and your browser blocks the file request. Browsers don’t allow font files to be loaded from other domains for security reasons, so using a separate domain won’t work.

    I have little experience with multilingual setups, so I’m not exactly sure what the best solution is, but we know that lots of people are doing this without issue, so I would recommend Googling around to see what’s working well for other people.

    Just a quick thought – using de.wall-jump.com might be a more reliable solution and avoid the cross-domain security problem.

    Thread Starter mmirlach

    (@mmirlach)

    Ha, I see. I’ve googled a bit and stumbled upon this solution to load fonts locally: https://crunchify.com/wordpress-google-fonts-load-locally/

    Is this something that would work by using the functions.php and css via the child theme without making any further changes to Tracks?

    I think that would be the best solution for me as it would bring additional performance benefits.

    If not, I assume I could do a dirty fix by just connecting the .com URL via DNS and using the other one via URL forwarding?

    Also I’m somehow curious that it’s an issue with font awesome but not an issue with the Google fonts?

    • This reply was modified 4 years, 7 months ago by mmirlach.
    Theme Author Ben Sibley

    (@bensibley)

    A child theme would be the way to go, but loading the icon font locally isn’t exactly the problem. The icon font, Font Awesome, is already being loaded locally which is why this error doesn’t normally occur. The issue is that when viewing the .com site, the icons are being loaded from the .de version of the site, and vice-versa.

    I’m not sure exactly how the DNS is configured behind-the-scenes, but you’ll want to make sure that the site’s resources are being loaded from the same domain the visitor is currently viewing.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Issues with fa-icons and multiple Domains’ is closed to new replies.