css中的自定义字体

<!DOCTYPE html>
<html>
<head>
    <title>自定义字体</title>
    <style type="text/css">
        body{
            font-family: 'IF';
        }
        @font-face{
            font-family: 'IF';
            src: url('./SetoFont-1.ttf');
        }
    </style>
</head>
<body>
hello world
</body>
</html>

图片暂时无法加载