Signin Signup

Change font on desktop and mobile app

This post was last updated for 213 days ago, and the information may already be changed

Is there a way to change the font on desktop, so that the font is also loaded on the mobile(Android) app?

    2 Reply
    236 24 23 40 148

    Related articles

    Solution
    • WanChen • • 1
      1. Using Font Pluginsimage.png
      2. 参考：思源笔记手机端和电脑端使用同一字体 - 链滴
        • Placing the font files in the "data/plugins" folder of the Siyuan Notes workspace allows the fonts to be synchronized to mobile devices. For example, I have created a new folder named "custom-fonts" and placed my current favorite font, Hanyi Kongshankai, inside.Snipaste_2024-01-16_17-50-46
        • Then, add the following code snippet in Siyuan Notes by navigating to 【Settings - Appearance - Code Snippet】 
          @font-face {
font-family: "汉仪空山楷";
font-style: normal;
src: url("plugins/custom-fonts/汉仪空山楷.ttf");
}

:root {
--b3-font-family: "汉仪空山楷", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";

}
    2 Reply
    Change font on desktop and mobile app

    Welcome to here!

    Here we can learn from each other how to use SiYuan, give feedback and suggestions, and build SiYuan together.

    Signup About
    Please input reply content ...
    • zetashift •
      VIP Warrior Author

      Thank you! That works perfectly :D

    • MiscReply
    • WanChen • • 1
      1. Using Font Pluginsimage.png
      2. 参考：思源笔记手机端和电脑端使用同一字体 - 链滴
        • Placing the font files in the "data/plugins" folder of the Siyuan Notes workspace allows the fonts to be synchronized to mobile devices. For example, I have created a new folder named "custom-fonts" and placed my current favorite font, Hanyi Kongshankai, inside.Snipaste_2024-01-16_17-50-46
        • Then, add the following code snippet in Siyuan Notes by navigating to 【Settings - Appearance - Code Snippet】 
          @font-face {
font-family: "汉仪空山楷";
font-style: normal;
src: url("plugins/custom-fonts/汉仪空山楷.ttf");
}

:root {
--b3-font-family: "汉仪空山楷", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";

}
    zetashift
    Reply
    5
     Article
    6
     Point
    309

    Recent hot