仔细观察,ApiPost官网的Logo是文字而不是一个图片~
如何给css自定义font-family字体?就像ApiPost官网一样?
下载对应的 otf 字体,然后在css文件中定义该字体即可:
@font-face
{
font-family: Demo;
src: url('https://www.xxx.cn/Demo.otf'),
url('https://');www.xxx.cn/Demo.otf
}
上述代码定义了一个 Demo字体。
我们就可以用
<style type="text/css">
.logo{font-family: Demo;}
</style>
<font class="logo">我将会以Demo字体呈现。</font>
使用该字体了。