<style type="text/css">
@font-face {
font-family: "YourFont";
src: url(http://www.yoursite.com/siyuanfont.otf);
}
span.customfont {
font-family: "YourFont", Helvetica, Arial;
}
</style>
<span class="customfont">自定义字体</span>
下载web font的文件,其中格式有.ttf,.svg,.eot,.woff
中文字体至少需要常用字体数千,所以一般比英文字库大了几十倍,不过也有可以按需引入的,所以解决方法:
方法一:现在大部分中文网页用的方法- -,文字直接用AI、PS等工具写在图片上,引用图片,不用中文字库
方法二:https://github.com/aui/font-s…可以看看这个,字蛛,爬虫分析出HTML页面使用的中文汉字,然后单独生成一个只包含这些汉字的压缩字库,比如我的HTML页面上只有"我去年买了个表",那么就只会用这7个汉字打包出一个字库让你用@font-face引用