前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Joe主题自定义网站字体

Joe主题自定义网站字体

原创
作者头像
阿浩
修改2022-06-06 18:32:55
1.5K0
修改2022-06-06 18:32:55
举报
文章被收录于专栏:Izekel'Blog

前言

可能有一些小白看到一些大佬的博客会发现为啥别人的网站字体和自己不一样,自己网站的字体和大佬的一对比就感觉啥都不是,所以今天阿浩就来教一下大家JOE主题怎么自定义网站字体(本教程只适用于Typecho博客程序的JOE主题,其他博客程序或其他主题请自行寻找解决办法)

正文

第一步

可以去一些提供免费字体的网站下载中意的字体,然后去百度搜索: 字体转换器

字体自定义1.png
字体自定义1.png
字体自定义2.png
字体自定义2.png

第二步

(提醒一下一般下载下来的字体都为ttf格式的,所以网站能是用格式是woff格式,所以转换的时候要转换成woff格式)

将下载好的字体文件解压缩,我相信各位应该都会,我也懒得截图 :

第三步

现在只需要打开你的服务器上传文件就好了,如果嫌弃太慢的话可以上传到 GitHub 上然后通过 jsdelivr 加速

结语

阿浩免费为那些懒得动的人提供六个字体 :

鸿蒙OS字体

效果图:

HarmonyOS字体.png
HarmonyOS字体.png

调用代码

代码语言:html
复制
http://www.izekel.cn/font/HarmonyOS_Sans_SC_Medium.subset.woff2

Aa剑豪字体

效果图:

Aa剑豪体效果图.png
Aa剑豪体效果图.png

调用代码

代码语言:html
复制
https://fastly.jsdelivr.net/gh/jsxkl/acblog/Aa剑豪体.woff

云瑶体

效果图:

云瑶体效果.png
云瑶体效果.png

调用代码

代码语言:html
复制
https://www.izekel.cn/font/云瑶体.woff

好看的字体

ps:我也不知道是啥字体

效果图:

好看的字体效果图.png
好看的字体效果图.png

调用代码

代码语言:html
复制
https://www.izekel.cn/font/好看的字体.woff

庞门正道标题体

效果图:

庞门正道字体效果图.png
庞门正道字体效果图.png

调用代码"

代码语言:html
复制
https://www.izekel.cn/font/庞门正道标题体.woff

落日飞行字体

效果图:

落日飞行字体效果图.png
落日飞行字体效果图.png

调用代码

代码语言:html
复制
https://www.izekel.cn/font/落日飞行字体.woff

完事儿,结束

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 正文
  • 结语
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档