我是CSS世界的新手，我正在codepen.io上练习
我想在笔中添加某种字体。我从网站上下载了该文件，然后尝试将其上传到github上并使用指向该文件的链接，但它不起作用>，<
您可以在此处找到代码：http : //codepen.io/Koop4/pen/mVaOLG
或阅读以下内容：
<body>
<h1>Hello World</h1>
</div>
</body>
html,
body {
height: 100%;
background-image: linear-gradient(to bottom, #0B88FF, #95EEFF);
}
@font-face {
font-family: 'superMario';
src: url('https://github.com/koop4/FreeCodeCamp/blob/master/portfolio/font/prstart.ttf');
}
h1,
h2,
h3 {
font-family: 'superMario'
}
提前谢谢！
因为.ttf文件的URL是页面而不是文件路径。您必须使用字体文件的直接链接。用这个：
@font-face {
font-family: 'superMario';
src: url('https://raw.githubusercontent.com/koop4/FreeCodeCamp/master/portfolio/font/prstart.ttf');
}
如果不起作用，则必须将字体文件上传到其他主机，然后再使用它。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句