gpt4 book ai didi

html - 样式化 CSS 字体以在 html 页面上具有两种自定义字体

转载 作者:太空宇宙 更新时间:2023-11-04 10:33:58 25 4
gpt4 key购买 nike

我有一个网页成功地使用了我这里的两种字体之一。我希望用户能够看到带有 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;
}

最佳答案

对于 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

关于html - 样式化 CSS 字体以在 html 页面上具有两种自定义字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36312412/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com