字体不能在所有浏览器上显示(micra字体)

Question

由于某些原因，我使用的字体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;
}

Answer 1

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

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

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

请参阅此问题以获取更详细的操作方法。

update这里有一个很好的免费字体列表，你可以在你的网站上嵌入

Answer 2

试试这个例子:-

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

访问此链接

见概述部分

Answer 3

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

如果没有安装Micra字体(我听起来不太熟悉，所以我认为它没有)，浏览器将退回到默认的serif字体

Answer 4

字体族的使用

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

所以你用

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

否则，即使其他计算机没有安装新字体，您也可以使用该字体，如

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

阅读这里