gpt4 book ai didi

html - 将字体应用于标签和按钮 css3

转载 作者:行者123 更新时间:2023-11-28 09:14:09 26 4
gpt4 key购买 nike

你好我的问题如下,我导入了一个字体,当我将样式应用到 h3 元素时它工作正常,但是当我将样式应用到标签或按钮时不要使用字体,如果你可以的话告诉我如何在这些元素上做到这一点,我将非常感激。

    <!doctype html>
<html>
<head>
<style>
@font-face {
font-family: signika-regular-webfont;
src: url('fonts/signika-regular-webfont.ttf');
}
.fuente {
font:signika-regular-webfont !important;
font-family: signika-regular-webfont, sans-serif;
font-weight:bold;
}
</style>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>
<h3 class="fuente" >este es un ejemplo </h3>
<br>
<label class="fuente" >este es un ejemplo </label>
<body>
</body>
</html>

最佳答案

你的标记是错误的,如下标签

<h3 class="fuente" >este es un ejemplo </h3>
<br>
<label class="fuente" >este es un ejemplo </label>

不在<body>内标签。

关于 <label> 的使用,请阅读http://www.w3.org/wiki/HTML/Elements/label

那么,我建议你使用http://www.fontsquirrel.com/tools/webfont-generator转换您的字体文件。确保您有权使用这些字体。转换后,您将有四个不同的 webfont 文件(.ttf、.eot、.woff 和 .svg)

因此您的代码将如下所示:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<style>
@font-face {
font-family: 'signika-regular-webfont';
src: url('signika-regular-webfont.eot');
src: url('signika-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('signika-regular-webfont.woff') format('woff'),
url('signika-regular-webfont.ttf') format('truetype'),
url('signika-regular-webfont.svg#signika-regular-webfont') format('svg');
font-weight: normal;
font-style: normal;
}

/* sans-serif doesn't need quotes */
.fuente {
font-family: 'signika-regular-webfont', sans-serif;
}
</style>
</head>
<body>
<h3 class="fuente" >este es un ejemplo </h3>
<br>
<label class="fuente" >este es un ejemplo </label>
</body>
</html>

关于html - 将字体应用于标签和按钮 css3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26365825/

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