我如何添加自定义字体?

这个问题在这里已经有了答案:

  • 如何将一些非标准字体添加到网站? 21个答案

  • 下载你的字体并放在任何目录中。 在这里我添加了字体目录

       <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

    上一篇: How do I add custom fonts?

    下一篇: Using custom fonts using CSS?