Question

我有一个网页，可以成功使用我在这里使用的两个字体之一。我希望用户能够看到使用Cubano字体设置样式的顶级菜单div标签，而页面的其余部分将打开sans。 @ font-face似乎是唯一的，所以我不能添加两个字体系列。

编辑：演示可以在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;
}

Answer 1

对于Open Sans，您可以使用@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

设置CSS字体样式以在html页面上具有两个自定义字体

1 个答案: