网络字体在Windows版Chrome中不显示某些字符

Question

我尝试过用Roboto和Open Sans表演𐌠 ， 𐌡和𐌢

<!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>

但不适用于Windows 8.1的 Google Chrome 46.0.2490.80 ：

注意：我添加了拉丁，拉丁扩展，希腊和希腊扩展。

注意：在Firefox中工作正常。

Answer 1

在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>

网络字体在Windows版Chrome中不显示某些字符

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-11-16 02:25:22

网络字体在Windows版Chrome中不显示某些字符

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-11-16 02:25:22

解决方案1
0 已采纳 2015-11-16 02:25:22