我正在设计一个博客，主要字体是Roboto，它来自于Google字体网站。
问题在于，在Firefox中，它无法正确渲染Roboto字体，而会使用Tahoma字体。
@font-face
{
font-family: Roboto-Regular;
}
@font-face
{
font-family: Roboto-Bold;
}
它在Chrome和Safari中表现很好。
谢谢，
Roboto字体在Firefox中无法使用
5
- shadeed9
7
那个CSS不是用来声明字体或在元素上指定字体族的正确方式。它应该是什么？ - Alexander O'Mara
1如果您正确嵌入字体，Firefox 将正确显示它。 - Oliboy50
这取决于您如何使用Roboto字体。您需要其他代码才能引用Robot-Regular字体...如果您正在使用文件的.eot版本，则无法在FF中工作。 - John C
例如，我有一个<h1>标签，并且字体已应用于它。在Chrome和Safari中运行良好，但在FireFox中呈现为Tahoma。 - shadeed9
你发布的代码不应该有任何作用。它甚至可能会破坏来自Google字体样式表的代码。 - Alexander O'Mara
显示剩余2条评论
3个回答
3
使用Roboto字体的常规和加粗版本，请使用以下代码将样式表包含在页面中：
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
然后您可以使用字体系列名称Roboto，并使用font-weight样式设置字体的粗细。
您可以像这样设置它们，并始终使用备用字体：
font-family: Roboto, sans-serif;
font-weight: normal;
font-family: Roboto, sans-serif;
font-weight: bold;
除了字重名称normal和bold外，您也可以分别使用特定的字重数字400和700。
- Guffa
1
我创建了一个快速页面，展示了三种字体：Roboto，Tahoma和默认字体：
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
</head>
<body>
<p class="roboto">The quick brown fox jumps over the lazy dog</p>
<p class="tahoma">The quick brown fox jumps over the lazy dog</p>
<p>The quick brown fox jumps over the lazy dog</p>
</body>
</html>
- user46624
0
在火狐浏览器中，Roboto Condensed字体在匈牙利语中无法正常显示。
但在谷歌浏览器中，该字体完美地运行。
我尝试使用匈牙利语测试案例“árvíztűrő tükörfúrógép”使用该字体。这个字符串包含了匈牙利语中的所有特殊字符。
显示不正常的字符是“ű”和“ő”。
以下是HTML代码：
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,regular,700' rel='stylesheet' type='text/css'>
</head>
<body>
<p class="roboto">ÁRVÍZTŰRŐ TÜKÖRFÚRÓGÉP<br>árvíztűrő tükörfúrógép</p>
<p>ÁRVÍZTŰRŐ TÜKÖRFÚRÓGÉP<br>árvíztűrő tükörfúrógép</p>
</body>
</html>
这里是应用的CSS：
.roboto {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
}
- PéterB
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接