Css Roboto字体不'；我不能在Firefox中工作_Css_Font Face_Webfonts

Css Roboto字体不'；我不能在Firefox中工作

css

Css Roboto字体不'；我不能在Firefox中工作,css,font-face,webfonts,Css,Font Face,Webfonts,我正在设计一个博客，主要字体是Roboto，它来自谷歌字体网站问题是它在Firefox中没有正确呈现，Firefox使用Tahoma而不是Roboto字体 @font-face { font-family: Roboto-Regular; } @font-face { font-family: Roboto-Bold; } 它在Chrome和Safari中运行良好谢谢，要在常规和粗体版本中使用Roboto，请在页面中包含样式表： <link href='http:/

我正在设计一个博客，主要字体是Roboto，它来自谷歌字体网站

问题是它在Firefox中没有正确呈现，Firefox使用Tahoma而不是Roboto字体

@font-face
{
    font-family: Roboto-Regular;
}

@font-face
{
    font-family: Roboto-Bold;
}

它在Chrome和Safari中运行良好

谢谢，

要在常规和粗体版本中使用Roboto，请在页面中包含样式表：

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

除了字体重量名称

normal

和

bold

，您还可以分别使用特定的重量编号

和

。

我创建了一个快速页面，其中显示了3种字体，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>


敏捷的棕色狐狸跳过了懒狗
敏捷的棕色狐狸跳过懒惰的狗
敏捷的棕色狐狸跳过了懒狗

在firefox上显示Roboto。

匈牙利语的firefox中，Roboto压缩字体被破坏。在铬合金中，它可以完美地工作

我用匈牙利语测试用例“á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不是声明字体面或在元素上指定字体族的方式。它应该是什么？如果你正确嵌入字体，Firefox将正确显示它。这取决于你如何使用Roboto字体。要引用Robot常规字体，您还需要其他代码……如果您使用的是文件的

.eot

版本，它在FF中不起作用。@AlexanderO'Mara例如，我有一个标记，字体应用于它。它在Chrome和Safar中运行良好，但在FireFox中，你发布的代码不应该做任何事情。它甚至可能会破坏谷歌字体样式表中的代码。

<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>

.roboto {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}