关于chrome的字体问题

Question

我在css中使用了font-family: Symbol;导致之前写的拼音符号乱码了，我现在给windows安装了Symbol字体但是chrome上显示的依旧是乱码，请问这个该怎么办啊

Answer 1

定义一个字体文件，让他让他异步加载

@font-face {
    font-family: "myFamily";
    src: url("81dd4247cea5660c6788966cd3c7ea56.eot"); /* IE9 */
    src: url("81dd4247cea5660c6788966cd3c7ea56.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("81dd4247cea5660c6788966cd3c7ea56.woff") format("woff"), /* chrome, firefox */
    url("81dd4247cea5660c6788966cd3c7ea56.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("81dd4247cea5660c6788966cd3c7ea56.svg#myFamily") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

写的时候增加一些候选字体

font-family: myFamily, Symbol, monospace;;