我如何添加自定义字体?
这个问题在这里已经有了答案:
下载你的字体并放在任何目录中。 在这里我添加了字体目录
<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>
.my-font{ font-family: font name; }
这是css代码。
使用CSS3,您可以引用HTML页面上使用的字体文件。 这是一些代码:
<style>
@font-face
{
font-family: myFirstFont;
src: url(fontFILE.woff);
}
div
{
font-family:myFirstFont;
}
</style>
该文件的位置将被添加以代替“fontfile”。 您只需将字体文件和HTML页面一起上传。
这里是关于这个的W3Schools文章:这里
链接地址: http://www.djcxy.com/p/87437.html