在网页开发中，字体是非常重要的元素之一，但是不同的用户使用不同的操作系统和浏览器，不同的操作系统和浏览器对字体的支持度也不同，因此我们需要使用css字体引用来实现字体的自适应。

在css中，我们可以使用@font-face来引用自定义字体，该语法可以让我们将自定义字体文件嵌入到网页中。

@font-face{
font-family: myFont;
src: url('myFont.ttf');
}

以上代码就是引入自定义字体的语法，其中font-family是自定义的字体名称，src是字体文件的路径，我们可以将 .ttf、.otf、.woff 等格式的字体文件作为引入独立的文件嵌入到网页中。

为了实现自适应，我们可以使用rem单位来定义字体大小，rem是相对于根元素的字体大小来计算的单位，根元素字体大小可通过在样式表中设置 html {font-size: xxpx;} 来改变，当根元素字体大小发生改变时，其他元素的字体大小也会相应的调整。

html {
font-size: 16px;
}
body {
font-size: 1rem;
}

在上述代码中，我们将根元素字体大小设置为16px，然后在body元素中设置字体大小为1rem，这样当根元素字体大小发生改变时，body元素中的字体大小也会相应的调整。

综上，使用css字体引用和rem单位可以实现字体的自适应，让网页在不同的设备和浏览器上都能够得到良好的显示效果。