Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Joe主题自定义网站字体

Joe主题自定义网站字体

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

前言

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

正文

第一步

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

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

第二步

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

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

第三步

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

结语

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

鸿蒙OS字体

效果图:

HarmonyOS字体.png
HarmonyOS字体.png

调用代码

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

Aa剑豪字体

效果图:

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

调用代码

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

云瑶体

效果图:

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

调用代码

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

好看的字体

ps:我也不知道是啥字体

效果图:

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

调用代码

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

庞门正道标题体

效果图:

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

调用代码"

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

落日飞行字体

效果图:

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

调用代码

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

完事儿,结束

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

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

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

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【原创】Typecho博客模板Joe美化记录【持续更新】
最近看大家都在热衷美化这套模板,也跟着各位大佬的步伐,对这个主题进行了简单的美化 美化效果就如本站所见一样。。。
零点
2023/03/03
1.4K0
typecho主题Joe魔改版发布(持续更新)
原文地址:https://blog.ascv.cn/archives/59.html
傲绝
2023/03/06
2.1K4
typecho主题Joe魔改版发布(持续更新)
hexo 博客自定义 console log
看到知乎,百度的页面 F12 检查后都会有一些有趣的招聘信息。于是乎我也想给我的博客加一个。 我主要用到的工具:
Cell
2022/02/25
2960
hexo 博客自定义 console log
基于jsDelivr+Github给网站如何换个漂亮的字体。
不利于网站速度优化,cos,oss非常耗费流量,早上一起来可能不注意一套房子就没了
NorthS
2023/03/21
9100
基于jsDelivr+Github给网站如何换个漂亮的字体。
Typecho-Joe主题实现图片评论功能
2.只开启Markdown语法是不够的,因为评论区默认禁用HTML标签,所以要添加允许的HTML标签。 在评论设置的最下方找到允许使用的HTML标签和属性,插入以下代码。
XG.孤梦
2022/09/21
1.3K0
Typecho-Joe主题实现图片评论功能
Typecho博客自定义字体
博客改了一下字体,字体放在了腾讯OSS里,好家伙,这下肯定比把字体文件放本地好多了,下面简单记录一下改字体的过程,其实不复杂,就是在那个字体跨域废了点时间,主要还是我菜,但是经过折腾后发现,还是把选择把字体文件存在github仓库里比较好,各位自行选择吧。
qiangzai
2021/12/21
2.2K0
Typecho博客自定义字体
腾讯云:WordPress教程网站中使用自定义字体
在使用 WordPress 建站的过程中,很多时候我们希望在网页中使用某种特定的字体,而这种特定的字体并不是主流操作系统的内置字体。在使用比较少的情况下,我们可以把想要的文字做成图片,但是如果网页中需要大范围的使用该字体,做成图片的方法就行不通了。而且如果把文字内容做成图片不易修改,也不利于网站 SEO。
Wordpress教程
2019/06/11
1.6K0
腾讯云:WordPress教程网站中使用自定义字体
都0202年了你还不会用字体图标?
点击右边列表”new set from selection“可选择你自己的svg图用于转换为字体图标
切图仔
2022/09/08
4750
都0202年了你还不会用字体图标?
Intellij IDEA优化配置(1)——Darcula主题的选择以及字体和颜色配置(基于Intellij IDEA 2019.1)
Intellij IDEA是现在流行的IDE,相比于eclipse,越来越多人选择IDEA,本篇文章讲IDEA选择适合自己的主题以及字体和颜色的配置,适合于刚使用IDEA的人群。 不管是从eclipse用户转到IDEA或是新手使用IDEA,这篇文章都会对你有所帮助。
全栈程序员站长
2022/09/14
5.6K0
Intellij IDEA优化配置(1)——Darcula主题的选择以及字体和颜色配置(基于Intellij IDEA 2019.1)
基于 Hexo 从零开始搭建个人博客(五)
修改网站各种资料,例如标题、副标题和邮箱等个人资料,请修改站点配置文件_config.yml。部分参数如下,详细参数可参考官方的配置描述。
唐志远
2022/10/27
1.2K0
基于 Hexo 从零开始搭建个人博客(五)
自定义你的网站字体
下载自己喜欢的字体,字体格式为.ttf,这里推荐一个字体网站:http://www.zhaozi.cn/s/all/ttf/http://www.zhaozi.cn/s/all/ttf/
傲绝
2023/03/06
9730
修改网页自定义字体的CSS代码+图文教程
HI,五一玩的怎么样?除了人山人海,高速堵车,高铁全是人之外其他都还好啦,是不是,哈哈哈~~~好了,不闹了,在假期有朋友问我,想要修改网页的字体怎么办?怎么更换网页的字体,又如何引用自定义字体呢?其实很简单,今天简单写个教程,需要能给小白一丢丢的帮助吧。
李洋博客
2021/06/15
2.6K0
WordPress全局字体修改详细教程
有很多时候,Wordpress 的字体不能让我们满意,这个时候我们就可以通过一些方法来修改主题的默认字体,来达到我们想要的效果。
Qwe7
2022/01/24
2.3K0
基于 Hexo 从零开始搭建个人博客(六)
2021-04-27 butterfly3.4.0 -> butterfly3.7.1
唐志远
2022/10/27
1.1K0
基于 Hexo 从零开始搭建个人博客(六)
Butterfly 自定义代码高亮字体
但是该博客下提供的代码高亮css文件项目已经失效了,既然如此,我这里就再提供一篇较为完整的教程,仅供参考
一只野生彩色铅笔
2022/07/01
1.6K0
DZ论坛修改字体
下载自己喜欢的字体,字体格式为.ttf。我们可以到第一字体网去下载http://www.diyiziti.com/
逍遥子大表哥
2021/12/19
3.1K0
DZ论坛修改字体
(美化)WordPress网站添加自定义字体
通过CSS属性@font-face和font-family可以实现加载自定义web font,改变网页字体,实现美化效果。
阿峰技术博客
2022/10/30
1.6K0
(美化)WordPress网站添加自定义字体
woff字体图元结构剖析,自定义字体的制作与匹配和识别
前面我在2万字硬核剖析网页自定义字体解析(css样式表解析、字体点阵图绘制与本地图像识别等)一文中,讲解了通过图像识别来解析自定义字体,但是图像识别的缺点在于准确率并不能达到100%,还需要二次修改。
Python进阶者
2021/12/17
8.3K0
woff字体图元结构剖析,自定义字体的制作与匹配和识别
前端字体文件的引用与压缩
由于字体文件比较大(3.8M),文字会经历先不显示再显示默认字体再变为艺术字的过程,视觉效果不太美妙。
一起重学前端
2024/10/01
7020
Joe 主题美化记录
刚放入上面代码还是不够的,我的目标是用这个代替原先的页脚信息,因此需要把原来页脚的部分代码加入到<div class="site-p"></div>
公爵
2022/09/28
9170
Joe 主题美化记录
相关推荐
【原创】Typecho博客模板Joe美化记录【持续更新】
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档