Doesn't show supported letters

StackOverflow https://stackoverflow.com/questions/18060682

  •  23-06-2022
  •  | 
  •  

Question

I'm using Signika Bold as font for my headers. Font is loaded from Google Webfonts. As you can see in the demo, there is a problem with showing letter "Č", both upper and lower case. The letter is on the list of supported fonts on the official Webfonts page.

enter image description here

CSS:

@font-face {
   font-family: "Signika";
   font-style: normal;
   font-weight: 700;
   src: local("Signika-Bold"), url(http://themes.googleusercontent.com/static/fonts/signika/v3/7M5kxD4eGxuhgFaIk95pBRsxEYwM7FgeyaSgU71cLG0.woff) format("woff");
}

h1 {
   font-family: "Signika", Helvetica, sans-serif;
}

I have also tried typing the letter as HTML entitle (č), but it doesn't help.

Was it helpful?

Solution 2

Thanks to Anon, the solution is to check the Latin Extended in the Google font settings. The demo is updated.

CSS:

@font-face {
   font-family: 'Signika';
   font-style: normal;
   font-weight: 700;
   src: local('Signika-Bold'), url(http://themes.googleusercontent.com/static/fonts/signika/v3/F587cG5P5ff3TX6w4JlorxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

Or:

HTML:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Signika:700&subset=latin,latin-ext">

OTHER TIPS

<link href='http://fonts.googleapis.com/css?family=Signika:700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top