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

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

更新这是一个很好的list of free fonts that，您可以嵌入您的网站。

Answer 2

试试这个例子： -

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

type='text/css'>

访问此link

参见概述部分。

Answer 3

您正在测试的每台计算机上都安装了字体吗？

如果没有安装Micra字体（对我来说听起来不熟悉，我认为不是这样），浏览器将回退到默认的serif字体。

Answer 4

使用Font系列

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

所以你使用像

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

否则即使其他计算机没有在机器上安装新字体，也可以使用该字体，如下所示

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

再次阅读here

字体不显示在所有浏览器上（micra字体）

4 个答案: