css中有什么中文字体 |cssblog实训总结

@font-face {
font-family: '微软雅黑';
src: url('font/微软雅黑.ttf') format('truetype');
}
body {
font-family: '微软雅黑', Arial, sans-serif;
}
@font-face {
font-family: '方正兰亭黑简体';
src: url('font/fzlthj.TTF') format('truetype');
}
h1 {
font-family: '方正兰亭黑简体', Arial, sans-serif;
}

上面是两个中文字体在CSS中的实现例子。

第一个例子中，大家定义了微软雅黑字体，文件路径为font/微软雅黑.ttf，其中format的属性值为truetype（TrueType字体）。

然后在body样式中，大家使用微软雅黑作为主要字体，如果电脑上没有微软雅黑字体，则会自动使用后面的Arial和sans-serif字体（sans-serif通常是比较通用的无衬线字体）。

第二个例子中，大家定义了一个名为“方正兰亭黑简体”的字体，文件路径为font/fzlthj.TTF，同样format的属性值为truetype。

最后，在h1标题样式中，大家使用了“方正兰亭黑简体”作为主标题字体，如果电脑上没有这种字体，则会自动使用后面的Arial和sans-serif字体。

这些中文字体都是在CSS中经常使用的，可以让网页更加美观而精致。