【ZSFT】一个免费字体网站。以及《新手小白也能学会的wikidot字体修改教程》

网站预览：

也可以直接点这里进入

如上所示，这是一个包含了近一千个开源字体的网站，你可以通过筛选分类功能找到你想要的字体并使用它，简直就是装逼神器写文码字文章美化之良品。

那么下面就以网站中的 云峰飞云体 为例，介绍两种把可以字体应用到你的wikidot文章中的方法：

方案一

这是最常用的方法

首先，点进去你想嵌入的字体，往下翻找到“嵌入字体”，直接复制它的css代码，如图：

然后，回到你的文章，将复制的代码复制到你文章的顶端，并且用[[module css]]代码将它括起来，就像这样：

[[module css]]
@import url("https://fontsapi.zeoseven.com/446/main/result.css");

body {
    font-family: "YFFYT";
    font-weight: normal;
}
[[/module]]

这串代码的作用是使这个页面的所有文字全变成目标字体，如果你正有此意，那么就可以无视以下步骤了。

但如果你只是想令部分文字改变字体，那么我们需要删去一串代码，但是在此之前，你需要明白这串代码的含义：

body {
    font-family: "YFFYT";        ☞ 字体名称：“YFFYT”
    font-weight: normal;         ☞ 字体粗细：“normal”
}

随后删去这串代码，在你想修改字体的文字处使用下面的代码：

预言中说：[[span style="font-family: 'YFFYT' ; font-size: 1.2em;"]]地下黑市，要完蛋了！[[/span]]

+ 点击查看代码效果

预言中说：地下黑市，要完蛋了！

其中：font-family表示字体名称，font-size表示字体大小，1em表示原大小，如果字体显示太小可以将1改成1.2或1.3等数值

如果你想修改一大段文字的字体，那么只需要将代码中的span改为div，并且在文字两端添加回车即可，例如：

[[div style="font-family: 'YFFYT' ; font-size: 1.2em;"]]
地下黑市，
要完蛋了！
[[/div]]

+ 点击查看代码效果

地下黑市，
要完蛋了！

学会了就快去试试吧！

方案二

这个方法不太常用，但是如果后期需要进行整体修改时就会很方便

前两步和方案一中讲的一样：

首先，点进去你想嵌入的字体，往下翻找到“嵌入字体”，直接复制它的css代码，如图：

然后，回到你的文章，将复制的代码复制到你文章的顶端，并且用[[module css]]代码将它括起来，就像这样：

[[module css]]
@import url("https://fontsapi.zeoseven.com/446/main/result.css");

body {
    font-family: "YFFYT";
    font-weight: normal;
}
[[/module]]

接下来就是和方案一中不同的地方，我们需要把这串代码的下半段改成这个样子：

span.A {
    font-family: "YFFYT";
    font-weight: normal;
    font-size: 1em;
}

理解起来也很简单，这个代码的意思是设置一个名为A的span，并且这个span中包含的所有元素会遵循如下这些设置：
font-family/字体名称设置为YFFYT；
font-weight/字体粗细设置为normal；
font-size/字体大小设置为1em，其中1em表示原大小，如果字体显示太小可以将1改成1.2或1.3等数值

最后直接在你要修改字体的文字处添加下面的代码就可以了：

[[span class="A"]]文本[[/span]]

整体看就像这样：

[[module css]]
@import url("https://fontsapi.zeoseven.com/446/main/result.css");

span.A {
    font-family: "YFFYT";
    font-weight: normal;
    font-size: 1em;
}
[[/module]]

[[span class="A"]]文本[[/span]]

与方案一一样，如果想修改一大段文字就只需要把代码中的span替换成div，整体看就像这样：

[[module css]]
@import url("https://fontsapi.zeoseven.com/446/main/result.css");

div.A {
    font-family: "YFFYT";
    font-weight: normal;
    font-size: 1em;
}
[[/module]]

[[div class="A"]]
段落
[[/div]]

这个方法的好处就是如果后期需要更换字体只需要直接修改[[module]]中的代码就可以了，不需要像方案一中的一个一个替换。

学会了就快去试试吧！

---

讨论区

HuanYu_BiN 03 Oct 2025 01:54

这个文章怎么没人看，单机黑市？

---

“吾心吾行澄如明镜，所作所为皆是正义。”

Blanxers_lwwl14 07 Oct 2025 14:14

因为太简单了，做版式的人肯定是会的，不做版式的…基本用不上吧

---

• “唯得昨日孽类，穿越明日罪行。”

HuanYu_BiN 22 Oct 2025 12:58

我的目的就是让不懂代码的人也能用上😠

---

“吾心吾行澄如明镜，所作所为皆是正义。”

Jason Branko 25 Oct 2025 05:02

说实话，看一半就看不下去了→_→。插个眼，说不定以后能用到（可能吧！）
有我这种毅力，干什么都不会成功的≡(▔﹏▔)≡

---

万物皆虚，万事皆允。

HuanYu_BiN 21 Nov 2025 00:26

我觉得我讲得挺通俗易懂的呀

---

“吾心吾行澄如明镜，所作所为皆是正义。”

最后编辑于 21 Nov 2025 00:27 由 HuanYu_BiN 显示更多

一个小注意

YuierQWQs 08 Nov 2025 02:50

某些版式固定了字体，会无法直接使用

---

一个残酷的现实照射的是另一个残酷的现实

Re: 一个小注意

YuierQWQs 08 Nov 2025 02:59

如果你想改变字体就把版式css复制黏贴，找到版式原本的文字css，然后删掉，再把你想要的文字css复制黏贴到你删掉的地方。

---

一个残酷的现实照射的是另一个残酷的现实

Re: 一个小注意

HuanYu_BiN 21 Nov 2025 00:26

确实 我把这点给忘了

---

“吾心吾行澄如明镜，所作所为皆是正义。”