字體沒有顯示在所有瀏覽器（micra字體）

由於某種原因，我使用Micra的字體沒有出現在所有瀏覽器上。它適用於我所有的瀏覽器，而不是在其他人的瀏覽器上測試。難道我做錯了什麼。字體沒有顯示在所有瀏覽器（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; 
}

來源

2013-05-26 gVidal

使用font-face包含字體 –

另請參閱Web字體http://www.google.com/fonts/ – ninMonkey

字體只安裝在您的PC而不安裝在其他人中，這是它不工作的方式。 –

這是因爲他們沒有安裝該字體。

如果你有一個許可證嵌入字體，你可以按照如下

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

看到這個question更詳細的如何，包括它在你的CSS文件。

更新這裏是一個不錯的list of free fonts that你可以嵌入到你的網站。

來源

2013-05-26 04:35:41 Aviatrix

我試圖尋找字體的許可證，但找不到一個 – gVidal

我找不到任何地方只能購買免費下載，嵌入它自行承擔風險。 +閱讀我最近的更新。如果你喜歡它，不要忘記接受我的答案。 – Aviatrix

是否在每臺正在測試的計算機上安裝字體？

如果沒有安裝Micra字體（並且它聽起來並不熟悉，所以我認爲它不是），瀏覽器將回退到缺省襯線字體。

來源

2013-05-26 04:35:03

使用字體家族

的font-family屬性應該持有多種字體的名稱爲「回退」系統。如果瀏覽器不支持第一個字體，它會嘗試下一個字體。

所以你使用像

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

否則，您可以使用的字體即使其它計算機不必須安裝計算機上安裝新字體像下面

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

閱讀here更

來源

2013-05-26 04:39:44 Yogus

所以用@ font-face {font-family：Micra; src：url（'Micra.otf'）; }它'加載字體給某些瀏覽器？ – gVidal

試試這個例子： -

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

type='text/css'>

訪問此link

請參閱概覽部分。

來源

2013-05-26 05:07:20

字體沒有顯示在所有瀏覽器（micra字體）

回答

相關問題