手写WEB服务器-07-自定义博客字体

手写WEB服务器-07-自定义博客字体

自定义博客字体,需要用到wordpress的主题自定义css功能。

首先,我们先把想用的字体上传到服务器上,比如我的网站根目录是/var/www/html,我在这个目录下新建一个文件夹my-font存放字体,然后将我的自定义字体myfont.woff2上传到这个文件夹中,最终效果如下:

然后我们在上述“额外css”区域添加css代码:

@font-face{
    font-family:myfont;
    src: url(my-font/myfont.woff2) format('woff2')

}

body,p,div,span,h1,h2,h3,h4{
    font-family:"myfont"
}

然后点发布按钮保存:

最终效果如下:

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注