html - CSS 外部字体在 Div 中不起作用

Question

最近我为我的网站下载了一种字体并将其重命名为“a.ttf”。然而，当我尝试将它嵌入到 div 的 CSS id 中时，它似乎不起作用。有人知道这里的问题吗？非常感谢，祝你有美好的一天!我也忘了提到我的外部 CSS 页面正在运行，因为我在其他 div 中有工作类。我刚刚检查了元素，它现在显示无法解码下载的字体。这是什么意思。啊啊啊! :-)

CSS 代码

@font-face 
{
font-family: a;
src:url("a.ttf");
}

#text
{
color: white;
font-family: a;
font-size: 25px;
font-weight: bold;
text-align: left;
margin-left: 15px;
margin-top: 20px;
}

HTML 分区

<div id="text">Test Div</div>

Answer 1

嘿，我认为您使用的代码有误。如果你去 FontSquirrel并下载字体包，这是添加自定义字体的推荐方式

@font-face{ 
font-family: 'MyWebFont';
src: url('WebFont.eot');
src: url('WebFont.eot?#iefix') format('embedded-opentype'),
     url('WebFont.woff') format('woff'),
     url('WebFont.ttf') format('truetype'),
     url('WebFont.svg#webfont') format('svg');

您需要不止一种字体扩展，以便它适用于所有浏览器。 还有你的字体在哪里？？...路径可能与你的 css 文件不一样