樣式化CSS字體，在html頁面上有兩個自定義字體

我有一個成功使用我在這裏的兩個字體之一的網頁。我希望用戶能夠看到使用Cubano字體樣式的頂部菜單div標籤，而頁面的其餘部分將打開sans。 @ font-face似乎只是唯一的，所以我不能添加兩個字體家族。樣式化CSS字體，在html頁面上有兩個自定義字體

編輯：演示可以在這裏看到rate1.html頁面。

@font-face { 
font-family: 'OpenSans'; 
src: url("fonts/opensans.ttf") format('truetype'); 
font-weight: normal; 
font-style: normal 
} 

@font-face { 
font-family: 'Cubano'; 
src: url("fonts/cubano-webfont.ttf") format('truetype'); 
font-weight: normal; 
font-style: normal 
} 


body { 
font: 32px/40px 'OpenSans', sans-serif; 
color: #777; 
} 

body div.recent { 
font: 32px/40px 'Cubano', sans-serif; 
color: #777999; 
}

來源

2016-03-30 Jayizzle

這對我來說看起來不錯....你能演示這個**而不是**工作嗎？ –

哪一個不工作？ – Aziz

我注意到字體不在同一個文件夾中... –

爲開放三世你可以使用@import（在.css文件）：

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

或<head>其鏈接：

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

查看更多選項here

來源

2016-03-30 15:37:34 nicogaldo

樣式化CSS字體，在html頁面上有兩個自定義字體

回答

相關問題