Html 将字体应用于标签和按钮css3
您好,我的问题如下,我已经导入了字体,当我将样式应用到h3元素时,效果很好,但是当我将样式应用到标签或按钮时,请不要使用字体,如果您能告诉我如何在这些元素上执行此操作,我将非常满意Html 将字体应用于标签和按钮css3,html,css,label,Html,Css,Label,您好,我的问题如下,我已经导入了字体,当我将样式应用到h3元素时,效果很好,但是当我将样式应用到标签或按钮时,请不要使用字体,如果您能告诉我如何在这些元素上执行此操作,我将非常满意 <!doctype html> <html> <head> <style> @font-face { font-family: signika-regular-webfont; src: url('fonts/signika-regular
<!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>
不在标记内
关于使用,请阅读
然后,我建议您使用转换字体文件。确保您有权使用这些字体。转换后,您将拥有四个不同的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>