适合显示汉字拼音的网页字体

首先由于我们需要在网页上显示，所以我们需要找个webfont。第一个想到的是google字体，但是google字体在国内打开慢，还好有替代的。

http://www.googlefonts.cn/fonts

āáǎàōóǒòēéěèīíǐìūúǔùǖǘǚǜagiklty 这几个。

试了几个觉得Comfortaa比较合适，贴上代码

引用：

样式

font-family: 'Comfortaa', cursive;

上述方法找出来的字体还是不太满意，另外搞了一个，先下载一个适合显示拼音的ttf字体

http://www.greenxf.com/soft/55589.html

下载下来后，通过百度字体平台转成woff2

http://fontstore.baidu.com/editor

具体操作步骤

新建项目，导入字体文件，最后导出woff2文件。

网页添加代码

 @font-face {
            font-family: 'pinyin';
            src: url('./pinyin.woff2') format('woff');
            font-weight: normal;
            font-style: normal;
        }
        body {
            font-family: 'pinyin';
        }