博客个性化字体

想在博客某处个性化字体，字体文件通常很大，而我们需要的只是那几个字，例如我网站LOGO的标题字体。

刚才了解到一款工具——Fontmin，可以把字体拆分并且生成需要字体文件，几乎是傻瓜式操作，并且帮你生成好了CSS。

官网地址：https://ecomfe.github.io/fontmin/#terminal

Github：https://github.com/ecomfe/fontmin

使用方法

只需要在左边填写你需要的字，右边有预览，把字体拖入左下的小框里点击生成即可。

生成之后会自动打开生成好的文件夹，里面包含各种字体，以及相应的CSS。

通常只需要使用woff即可，CSS可以简化如下。

@font-face {
    font-family: "logobt";
    src: url("851sz.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

注意，里面的字体名称（851sz.woff）改成你自己的，且目录结构要正确。同时上传到woff字体到相应文件夹。字体定义好了以后，在需要显示该字体的地方写上CSS即可。

例如我是在网站标题的地方使用：

.logo-site .site-name {
    font-family: "logobt", sans-serif; 
}

完工啦！非常简单，非常实用。

以上内容参考：

1.提取特定的字体：https://dai.ge/149.html

2.建站之字体子集：https://dujun.io/webfont.html