веб-шрифты не отображаются некоторые символы в Chrome для Windows,

Я попытался показать , и с Roboto и Open Sans:веб-шрифты не отображаются некоторые символы в Chrome для Windows,

<!DOCTYPE html> 
<html> 
<head> 
    <link href='https://fonts.googleapis.com/css?family=Roboto|Open+Sans&subset=greek-ext,latin,greek,vietnamese,cyrillic,latin-ext,cyrillic-ext' rel='stylesheet' type='text/css'> 
    <style type="text/css"> 
    .opensans { 
     font-family: 'Open Sans', sans-serif; 
    } 
    .roboto { 
     font-family: 'Roboto', sans-serif; 
    } 
    </style> 
    <meta charset="utf-8"> 
</head> 
<body> 
    <div class="roboto"> 
     <p>U+10320: <span></span></p> 
     <p>U+10321: <span></span></p> 
     <p>U+10322: <span></span></p> 
    </div> 
    <hr> 
    <div class="opensans"> 
     <p>U+10320: <span></span></p> 
     <p>U+10321: <span></span></p> 
     <p>U+10322: <span></span></p> 
    </div> 
</body> 
</html>

Но не работает в Google Chrome 46.0.2490.80 для Windows, 8,1:

Примечание: Я добавил латинский, латинский, расширенный, греческий и греческий.

Примечание: работайте отлично в Firefox.

источник

2015-11-16 Guilherme Nascimento

выглядит хорошо в моих браузерах, Firefox, Chrome, Opera и Safari. –

Какие версии Chrome + Windows? –

Какая версия Windows? –

В Firefox работает, потому что по умолчанию используется Segoe UI Symbol в "замены шрифта"

Я модифицированном код:

body { 
    font-family: 'Segoe UI Symbol', sans-serif; 
} 
.opensans { 
    font-family: 'Open Sans', 'Segoe UI Symbol', sans-serif; 
} 
.roboto { 
    font-family: 'Roboto', 'Segoe UI Symbol', sans-serif; 
}

и работать в Google Chrome.

Смотрите пример:

<!DOCTYPE html> 
<html> 
<head> 
    <link href='https://fonts.googleapis.com/css?family=Abril+Fatface|Roboto|Open+Sans&subset=greek-ext,latin,greek,vietnamese,cyrillic,latin-ext,cyrillic-ext' rel='stylesheet' type='text/css'> 
    <style type="text/css"> 
    body { 
     font-family: sans-serif, 'Segoe UI Symbol'; 
    } 
    .abrilfatface { 
     font-family: 'Abril Fatface', 'Segoe UI Symbol', sans-serif; 
    } 
    .roboto { 
     font-family: 'Roboto', 'Segoe UI Symbol', sans-serif; 
    } 
    </style> 
    <meta charset="utf-8"> 
</head> 
<body> 
    <div class="roboto"> 
     <p>Hello word! Foo “ ” – — … ‐ ‒ ° © ® ™ • ½ ¼ ¾ ⅓ ⅔ † ‡ µ ¢ £ € « » ♥ ¿ ? #</p> 
     <p>U+10320: <span></span></p> 
     <p>U+10321: <span></span></p> 
     <p>U+10322: <span></span></p> 
    </div> 
    <hr> 
    <div class="opensans"> 
     <p>Hello word! Foo “ ” – — … ‐ ‒ ° © ® ™ • ½ ¼ ¾ ⅓ ⅔ † ‡ µ ¢ £ € « » ♥ ¿ ? #</p> 
     <p>U+10320: <span></span></p> 
     <p>U+10321: <span></span></p> 
     <p>U+10322: <span></span></p> 
    </div> 
    <hr> 
    <div class="abrilfatface"> 
     <p>Hello word! Foo “ ” – — … ‐ ‒ ° © ® ™ • ½ ¼ ¾ ⅓ ⅔ † ‡ µ ¢ £ € « » ♥ ¿ ? #</p> 
     <p>U+10320: <span></span></p> 
     <p>U+10321: <span></span></p> 
     <p>U+10322: <span></span></p> 
    </div> 
    <hr> 
    <div> 
     <p>Hello word! Foo “ ” – — … ‐ ‒ ° © ® ™ • ½ ¼ ¾ ⅓ ⅔ † ‡ µ ¢ £ € « » ♥ ¿ ? #</p> 
     <p>U+10320: <span></span></p> 
     <p>U+10321: <span></span></p> 
     <p>U+10322: <span></span></p> 
    </div> 
</body> 
</html>

источник

2015-11-16 02:25:22

веб-шрифты не отображаются некоторые символы в Chrome для Windows,

ответ

Смежные вопросы