Actions

Work Header

Rating:
Archive Warning:
Fandom:
Language:
中文-普通话 國語
Stats:
Published:
2024-01-25
Words:
359
Chapters:
1/1
Comments:
1
Kudos:
7
Bookmarks:
3
Hits:
234

AO3語法教學/中文字體變換

Notes:

(See the end of the work for notes.)

Work Text:

1. My Dashboard >> Skins >> My Work Skins >> Create Work Skin
2. Title:幫次Skin取個名字(要特別一點的才會給過,像TEST這種不會過),這裡我取名lunicatest。
3. 目的是希望文章內中文字體可以使用標楷體,直接把下面的程式碼複製貼上,再upadate skin。

#workskin .DFKai-SB {
  font-family: DFKai-SB;
}

4. 回到你想編輯出標楷體的文章內,先在Associations中的Skin欄位中選擇剛剛新建好的skin名。
5. 記得把編輯頁面從Rich Text換到HTML。
6. 如果是希望整個段落都改成標楷體,那就把段落整段夾入下列語法之間。

<div class="DFKai-SB">這整段話,不管是第幾行。

我都要用標楷體來顯示。

第三行也一樣喔。</div>

  • 效果:

    這整段話,不管是第幾行。

    我都要用標楷體來顯示。

    第三行也一樣喔。

7. 如果是希望整句話都改成標楷體,那就把整句話夾在下列語法之間。

<p class="DFKai-SB">這整句話都要用標楷體來顯示。</p>

  • 效果:

    這整句話都要用標楷體來顯示。

8. 如果是希望一句話中只有幾個字改成標楷體,則是把那幾個字夾在下列於法之間。

這段話只有<span class="DFKai-SB">標楷體</span>是用<span class="DFKai-SB">標楷體</span>來顯示。

  • 效果:

    這段話只有標楷體是用標楷體來顯示。

Notes:

參考:
https://www.reddit.com/r/AO3/comments/oyqrsk/is_there_a_way_to_use_different_fonts_in_your/
https://www.oxxostudio.tw/articles/201811/css-font-family.html