使用您自己的字体的CSS
好的,我正在尝试使用一种我在网上找到的字体。我跟随学校学习如何做,但它不起作用。我现在拥有的是使用您自己的字体的CSS,css,Css,好的,我正在尝试使用一种我在网上找到的字体。我跟随学校学习如何做,但它不起作用。我现在拥有的是 HTML: <a href="link.html" class="links">Link</a> CSS: @font-face { font-family: myFirstFont; src: url(simplifica.ttf); } .links{ font-family: myFirstFont; } HTML: CSS: @字体
HTML:
<a href="link.html" class="links">Link</a>
CSS:
@font-face {
font-family: myFirstFont;
src: url(simplifica.ttf);
}
.links{
font-family: myFirstFont;
}
HTML:
CSS:
@字体{
字体系列:myFirstFont;
src:url(simplifica.ttf);
}
.链接{
字体系列:myFirstFont;
}
但由于某种原因,它不起作用。我知道.links的css正在工作,因为我还有其他东西在里面,它可以工作,但由于某些原因字体系列无法工作。添加“字体”文件夹,然后链接它:
@font-face {
font-family: Simp;
src: local('Simplifica Regular'), local('Simplifica');
/* Check how the font is written on the machine --> Right click on file -> Details -> Title */
src: url(/fonts/simplifica.ttf) format('truetype');
font-weight: normal;}
希望这有帮助。src标记中的字体url正确吗?您将
“
错误地将字体名称包含在src和family中。。。不要遵循w3学校更好地根据您的代码遵循这一点,它似乎试图从CSS所在的同一目录加载.ttf。这是正确的吗?上述评论确实值得检查,可能会解决您的问题。我想补充一点,添加替代woff字体文件是一种很好的做法。因为不是所有的浏览器都支持tff字体,特别是当你看移动浏览器的时候。