在网页中使用自定义字体，不仅提高了文本的可读性，还丰富了页面的设计。那么怎么添加自定义字体呢？
步骤一：准备字体文件
首先从互联网上或从设计师处获取需要使用自定义字体的字体文件，常见的字体文件格式有 .ttf、.woff、.eot 等。
步骤二：创建字体文件目录
一般情况下建议在当前网站目录下新建名为 fonts 或其他有意义的文件夹，并将字体文件放到该目录中。
步骤三：CSS中引用字体文件
使用 css 语法引用字体文件，如下：
@font-face { font-family: 'myfont'; src: url('fonts/mycustomfont.woff2') format('woff2'), url('fonts/mycustomfont.woff') format('woff'), url('fonts/mycustomfont.ttf') format('truetype'); font-style: normal; font-weight: normal;}body { font-family: 'myfont', sans-serif;}上面代码中，我们已将字体文件放进名字叫做 fonts 的文件夹中，字体名称为 'myfont'。通过src属性，我们可以将各种字体文件链接出来，以应对不同的浏览器和设备的兼容性问题。
步骤四：应用自定义字体
在需要使用自定义字体的地方将字体名称添加到 font-family 属性中即可。
h1 { font-family: 'myfont', sans-serif;}如上代码所示，选择器 h1 使用了自定义字体 'myfont'。
