Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用您自己的字体的CSS_Css - Fatal编程技术网

使用您自己的字体的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字体,特别是当你看移动浏览器的时候。