Foreign characters display in bold

the particular google font you are using, Muli, does not have glyphs with the breve accent. You will have to find a google font that has the breve accent and use that. here is one for example

https://www.google.com/fonts/specimen/Slabo+27px

Once you choose a google font you like, there are google font plug ins you can use, or you can adjust your header file, or whatever file the google fonts are loaded from, and your css file accordingly to reflect your new font choice.

I would recommend the Google Fonts plugin route that Mr. Case suggested above, as it’s probably the simplest method. When you select a font and build your set, be sure to find a typeface that supports all the characters you need and include the particular extended character set you need so the font will display correctly in Czech. If you do hard-code a new font file into the theme, be sure to create a child theme so you don’t lose your changes every time you update the theme.

More options: https://macmanx.com/2014/06/04/custom-fonts-without-plugins-for-wordpress-themes/

If you need help targeting specific elements with the font after installing the Google Fonts plugin, let us know which and I’ll be glad to lend a hand.

That’s fantastic, thank you so much, guys. The Google Fonts plugin is exactly what I needed.

If I could ask a quick favor, could you please take a look at
https://www.ddstreetfood.cz/cs/nase-jidlo-test/sandwiches/
and let me know if any random characters in the first couple paragraphs are showing up in bold?

I’ve tested the page on various browsers and computers here in the Czech Republic, but some friends in the United States are telling me that they’re still seeing the “broken” version and I’m trying to isolate the problem.

Thanks so much,

Isaac

yes it is. The css on line 605 of your style.css is still referencing the ‘Muli’ font. That font doesn’t have glyphs with the breve accent.

.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {
    font-family: Muli, Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: -0.04em;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

This is how things look to me here in Canada:

As Mr. Case mentions, you’ll need to add custom CSS to call in your newly installed font wherever you want it to appear. Google Fonts should tell you how to call your specific font in the CSS. For example, let’s say you chose Lato for headings, you could add something like this to your custom CSS plugin or child theme, followed by a few fallback fonts in case the Google Font fails to load for any reason:

.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {
    font-family: Lato, Helvetica, Arial, sans-serif;
}

Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.

Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.