Question

我知道这是最基本的问题，但我无法弄清楚为什么我的字体没有嵌入。

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”文件夹相同。我尝试使用不同的字体，直到我在笔记本电脑上安装它才能工作。

感谢您的帮助

Answer 1

为什么不尝试链接到在线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; }

字体未嵌入网站

1 个答案: