CSS Font Unicode Range

Question

@font-face{
    font-family:Nanum Barun Gothic;
    src:url(NanumBarunGothic.ttf);
    unicode-range:U+AC00-D7A3,U+1100–11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF;
}
body{font-family:Nanum Barun Gothic, sans-serif;}
// I confirmed that the sans-serif font is not the one here by checking with Chrome developer tool

I use the above code and intend to ONLY use this font for characters in the designated unicode-range, and excluding any other characters including the default English one.

However, in my site, it stills display the other characters in this font. As you can see, the upper one still displays English in the font defined, and yet the second one uses sans-serif. How can I solve this problem?

Much help is appreciated.

Answer 1

U+AC00-D7A3,U+1100–11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF
                  ^

One of your character ranges contains an en dash (U+2013) instead of an ASCII hyphen-minus.