自定义网页字体

Posted lishenghao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义网页字体相关的知识,希望对你有一定的参考价值。

一、使用字体一般步骤如下

  1、下载字体文件,放置到适当位置

  2、配置软件或网页参数,让软件或者网页能关联到新的字体

  3、在软件或网页中使用新字体

二、网页中如何使用自定义字体

  1、下载文字文件,如:BebasNeue-webfont.ttf文件,放到和网页同一位置

  2、用@font-face进行字体关联,如

    @font-face{

      font-family:‘BebasNeueRegular‘;//BebasNeueRegular是自定义的名字

      src:url(‘BebasNeue-webfont.ttf‘);

    }

  3、font-family使用字体,如

    nav li a{

      font-family:BebasNeueRegular;

    }

以上是关于自定义网页字体的主要内容,如果未能解决你的问题,请参考以下文章

自定义字体的方法

网页嵌入自定义字体方法

在一个网页中是可以多次引用自定义字体的

@font-size 自定义网页字体

@font-size 自定义网页字体

如何先显示页面然后加载自定义字体?