html - 字体未嵌入网站上

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        5年前关闭。
                                                                                            
                
        
我知道这是最基本的问题，但是我无法弄清楚为什么未嵌入我的字体。

CSS：

@font-face
{
font-family:"Moon_Flower";
src: url("assets/fonts/Moon_Flower.ttf") format ("truetype");

}


 html {
         font-family:Moon_Flower;
          background-image:url(../images/background.jpg);
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          font-size: 18pt;
}

有人可以指出我在这里做错了什么吗？我已经检查了多次，并且该字符串应该可以工作，这与我只使用“ fonts”文件夹代替“ images”文件夹的图像相同。我也尝试了另一种字体，直到将其安装在笔记本电脑上后它才起作用。

谢谢你的帮助

最佳答案

您为什么不尝试链接到在线ttf文件。我找到了这个-http://www.dafont.com/moon-flower.font

试试看。只要确保您正确链接到文件即可。将其放入您的CSS文件中。

JS Fiddle

@font-face { font-family: "Moon Flower"; src: url('Moon-Flower.eot'); src: url('Moon-Flower.eot?#iefix') format('embedded-opentype'), url('Moon-Flower.svg#Moon Flower') format('svg'), url('Moon-Flower.woff') format('woff'), url('Moon-Flower.ttf') format('truetype'); font-weight: normal; font-style: normal; } body{ font-family: "Moon Flower"; direction: ltr; }