css - 在css中使用自定义字体？

Question

有人可以帮忙吗，我正在尝试在我下载的css中生成自定义字体。

我一直在阅读应该可以工作的代码，但我认为我可能做错了。

我的字体叫做：ShadowsIntoLight.ttf

我正在尝试使其成为我的 div social_header 的字体系列。

这是我的代码：

@font-face {
    font-family: ShadowsIntoLight;
    src: url('assets/fonts/ShadowsIntoLight.ttf');
}

social_header {
font: 100% 'ShadowsIntoLight', Arial, Helvetica, sans-serif;
font-size:12px;

}

Answer 1

看起来您没有social_header正确识别您的 div。有多种方法可以做到这一点，但下面是一些示例。

如果 social_header 是一个 ID：

#social_header { ... }

如果 social_header 是一个类：

.social_header { ... }

Answer 2

首先，只需检查 ttf 的路径，然后试试这个：

.social_header {
    font-size:  12px;
    font-family: ShadowsIntoLight, Arial, Helvetica, sans-serif ; 
}

Answer 3

在 HTML 的头部输入此代码：

<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>

CSS：

font-family: 'ShadowsIntoLight', Arial, Helvetica, sans-serif;