html - 如何添加自定义字体?

标签 html css

<分区>

如何在 html 站点上安装自定义字体?

例如,我在一个婚礼网站上工作,我为那个主题找到了很多不错的字体,但是我找不到将那个字体添加到服务器的正确方法,或者将那个字体包含在CSS?

最佳答案

下载您的字体并放入任何目录。这里我在fonts目录下添加

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

关于html - 如何添加自定义字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21748491/

相关文章:

forms - 如何更改 HTML5 表单的 "not valid input"文本

html - 如何在 ionic 4 页面加载上实现 Celebration Confetti 动画?

javascript - 自定义 HTML 元素属性未显示 - Web 组件

javascript - 根据屏幕尺寸/媒体查询更改 Bootstrap 列类属性

html - 当鼠标悬停在页面上的下拉菜单分区时移动

html - 下拉菜单冲突

css - z-index 和溢出不适用于下拉菜单和 slider

html - 背景图像在浏览器完全打开时填充背景,并在关闭时裁剪

javascript - 使用 javascript 创建下拉菜单

javascript - jquery 下拉菜单,切换类