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

哪个浏览器不能正常工作？请确保在上述路径中提供了字体类型。

Internet Explorer 9，Firefox，Opera，Chrome和Safari支持@ font-face规则。

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

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

Answer 2

将以下代码行添加到您的网站：

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

如需了解更多信息，请查看Here

自定义字体不工作ubuntu字体

2 个答案: