1

由于某种原因，我使用的 Micra 字体并未出现在所有浏览器上。当我在其他人的浏览器上测试它时，它不适用于我的所有浏览器。难道我做错了什么。

#nav {
position: fixed; 
top:55px;
left: 86px;
min-width:690px;
white-space:nowrap;
text-align:left;
padding:0 0 34px 333px;
z-index:99;
}

#nav a {    
font-family: Micra, serif;
color: #FFF;
font-style:normal;
font-weight:400;
text-decoration:none;
font-size:90%;
margin:0 55px 0 0;
}
4

4 回答 4

7

那是因为他们没有安装该字体。

如果您有嵌入字体的许可证，则可以将其包含在您的 css 文件中，如下所示

@font-face
{
 font-family: myFirstFont;
 src: url(sansation_bold.woff);
 font-weight:bold;
}

有关更详细的操作方法，请参阅此问题。

此处更新是一个不错的免费字体列表，您可以将它们嵌入您的网站。

于 2013-05-26T04:35:41.387 回答
6

试试这个例子： -

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'         

type='text/css'>

访问此 链接

请参阅概述部分。

于 2013-05-26T05:07:20.603 回答
2

字体是否安装在您正在测试的每台计算机上？

如果没有安装 Micra 字体（我觉得它听起来不熟悉，所以我认为不是），浏览器将回退到默认的 serif 字体。

于 2013-05-26T04:35:03.867 回答
2

字体家族的使用

font-family 属性应该包含几个字体名称作为“后备”系统。如果浏览器不支持第一种字体，它会尝试下一种字体。

所以你用喜欢

p{font-family:"Times New Roman", Times, serif;}

否则即使另一台计算机上没有安装新字体，您也可以使用该字体，如下所示

@font-face {
    font-family: Micra;
    src: url('Micra.otf');
}

在这里阅读更多

于 2013-05-26T04:39:44.430 回答