css - 自定义字体不工作 ubuntu 字体

Question

我已经下载了要在我的网页上使用的 Ubuntu 字体

#link-r {
    color: white;
font-family: "ubuntu";
font-size: 16px;
float: left;
text-decoration: none;
}

@font-face {
    font-family: 'ubuntu'; /*a name to be used later*/
    src: url('fonts/ubuntu.tff'); /*URL to font*/
}

Answer 1

它在哪个浏览器中不起作用？请确保字体类型在上述路径中可用。

@font-face 规则在 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 中受支持。

但是，Internet Explorer 9 只支持.eot 类型的字体，而Firefox、Chrome、Safari 和Opera 支持.ttf 和.otf 类型的字体。

注意:Internet Explorer 8 及更早版本不支持@font-face 规则。