如何在html网站上安装自定义字体?
例如,当我在一个婚礼网站上工作时,正在为该主题找到很多漂亮的字体,但是我找不到正确的方法将该字体添加到服务器,或将该字体包含在CSS中?
下载您的字体并放在任何目录中。在这里我在字体目录中添加了
<style>
@font-face {
font-family: 'maven_pro_light_300regular';
src: url('fonts/mavenprolight-300-webfont.eot');
src: url('fonts/mavenprolight-300-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/mavenprolight-300-webfont.ttf') format('truetype'),
url('fonts/mavenprolight-300-webfont.woff') format('woff'),
url('fonts/mavenprolight-300-webfont.svg#maven_pro_light_300regular') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
您可以按照以下示例使用它:
<style>
h2{
font-family:maven_pro_light_300regular;
}
</style>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句