chrome中字体乱码解决方法
使用
要解决此问题,可以定义一个字体文件并异步加载。
- 定义字体文件
@font-face {
font-family: "myfamily";
src: url("font.eot"); /* ie9 */
src: url("font.eot?#iefix") format("embedded-opentype"), /* ie6-ie8 */
url("font.woff") format("woff"), /* chrome, firefox */
url("font.ttf") format("truetype"), /* chrome, firefox, opera, safari, android, ios 4.2+ */
url("font.svg#myfamily") format("svg"); /* ios 4.1- */
font-style: normal;
font-weight: normal;
}- 在css中使用字体
font-family: myFamily, Symbol, monospace;;
通过这种方式,chrome浏览器将优先使用自定义字体,然后回退到symbol字体或其他备用字体。










