CODEWITHSUNDEEP
htmlcssfont-face
aaaeka
aaaeka

Reputation: 75

Non-latin characters don't work with @font-face

I'm trying to import a font file into my website and non-latin are not working.

When using Font Squirrel webfont generator I have selected an expert option that allows me to select non-western characters.

I tested the .woff file with Font Forge and the characters that I need are supported.

I have added the

<meta http-equiv="content-type" content="text/html;charset=utf-8">

HTML tag.

All the font filenames are in lowercase.

Here's the code:

@font-face {
  font-family: 'worksans';
  src: url('work_sans_regular/worksans-regular.woff2')  format('woff2'),
       url('work_sans_regular/worksans-regular.woff') format('woff'),
       url('work_sans_regular/worksans-regular.eot') format('eot');
  font-weight: 400;
  font-style: normal;
}

html {
  font-family: 'worksans';
}

When I use the font only the Latin characters have the font. Non-latin characters have the fallback font.

Upvotes: 2

Views: 772

Answers (1)

Vaibhav Chauhan
Vaibhav Chauhan

Reputation: 360

Try using unicode-range maybe thats the issue This should help

Upvotes: 3

Related Questions