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

Question

我有一个网页，该网页成功使用了我在此处使用的两个字体之一。 我希望用户能够看到以Cubano字体设置样式的顶部菜单div标签，而页面的其余文本将保持打开状态。 @ 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'>

在这里查看更多选项

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

问题描述

1 个解决方案

解决方案1
1 2016-03-30 15:37:34

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

问题描述

1 个解决方案

解决方案1 1 2016-03-30 15:37:34

解决方案1
1 2016-03-30 15:37:34